gpt4 book ai didi

javascript - 在 ckeditor 中集成 blueimp fileupload

转载 作者:数据小太阳 更新时间:2023-10-29 06:02:47 25 4
gpt4 key购买 nike

是否可以集成 Blueimp FileUpload ( https://github.com/blueimp/jQuery-File-Upload )与编辑器 CkEditor ( http://ckeditor.com/ )???

有什么提示吗?

非常感谢!

最佳答案

最后我自己找到了解决办法:

在 blueimp fileupload 的文件 index.php 中,我编辑了表格,首先添加了以下行 </tr>命令:

    <td>
<div class="btn scegli" id="chooseThis" >
<span class="url" style="display: none">"{%=file.url%}"</span>
<span>Choose</span>
</div>
</td>

在这个文件的末尾,在 jquery 包含之后:

<script type="text/javascript">

$(".chooseThis").live("click", function (e) {
parent.triggerUploadImages($(this).children('.url').html());
});

</script>

我开发了一个在 CKeditor 中使用的简单插件:

CKEDITOR.plugins.add('fileUpload',
{
init: function (editor) {
editor.addCommand( 'OpenDialog',new CKEDITOR.dialogCommand( 'OpenDialog' ) );
editor.ui.addButton('FileUpload',
{
label: 'Upload images',
command: 'OpenDialog',
icon: CKEDITOR.plugins.getPath('fileUpload') + 'icon.gif'
});
editor.contextMenu.addListener( function( element ){
return { 'My Dialog' : CKEDITOR.TRISTATE_OFF };
});
CKEDITOR.dialog.add( 'OpenDialog', function( api ){
var dialogDefinition =
{
title : 'Gestisci immagini',
minWidth : 700,
minHeight : 500,
contents : [
{
expand : true,
padding : 0,
elements :
[
{

type : 'html',
html : ' <iframe src="../../includes/fileUpload/index.php" style="width:100%;height:490px" />'
}
]
}
],
buttons : []
};
return dialogDefinition;
} );

}
});

要将按钮添加到工具栏,还需要修改 config.js。按钮的名称是:“FileUpload”

然后我就有了创建 CKeditor 的功能:

    var editor, html = '';
function createEditor() {

if ( editor ) return;

var config = {};
editor = CKEDITOR.replace("editor",
{
extraPlugins : 'fileUpload',
});
}

这是管理触发器的函数:

            function triggerUploadImages(url){
if(editor ){
CKEDITOR.dialog.getCurrent().hide();
editor.insertHtml('<img src='+url+' />');
}
}

关于javascript - 在 ckeditor 中集成 blueimp fileupload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14013418/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com