图像链接在CKEditor中

Question

我希望我的用户能够将图像LINK（不是上传的文件）添加到ckeditor字段，并显示实际图像（IMG标记）。我似乎无法理解如何做到这一点，上传工作正常，但我不是这样。

有人能指出我正确的方向吗？

Answer 1

试试这个插件：ckeditor.com/addon/base64image

1. 下载https://github.com/nmmf/base64image/archive/master.zip
2. 将文件夹base64image解压缩到文件夹ckeditor / plugins

3. 进入html代码编写html元素编辑器和脚本：

   CKEDITOR.replace（'editor1'，{toolbar：[{name：'about'，items：['base64image'，'About']}，]，                                extraPlugins：'base64image'                                 }）;

4.如果要禁用文件浏览器，请在文件/base64image/dialogs/base64image.js中注释这一行：

/*{
                type: "hbox",
                widths: ["70px"],
                children: [
                    {
                        type: "checkbox",
                        id: "filecheckbox",
                        style: "margin-top:5px",
                        label: editor.lang.common.upload+":"
                    },
                    {
                        type: "file",
                        id: "file",
                        label: "",
                        onChange: function(){ imagePreview("file"); }
                    }
                ]
            },*/

//fileCB = this.getContentElement("tab-source", "filecheckbox");

//fileCB.getInputElement().on("click", function(){ imagePreview("file"); });