【发布时间】:2015-02-17 22:10:56
【问题描述】:
我正在尝试在 CKeditor 中实现自己的图像浏览器,但我不明白如何将所选图像的 url 发送回编辑器。
我创建了一个插件来在编辑器工具栏中显示一个按钮,该按钮可以正常工作并打开一个带有我的图像浏览器的 div。到那里为止,没问题。
使用的文本区域:
<textarea id="page_article"></textarea>
CKeditor 初始化:
CKEDITOR.replace('page_article', {"extraPlugins" : 'imagebrowser'});
我的浏览器会显示一个图片列表,对于每张图片,我都会使用一个按钮将图片插入到编辑器中。
<button id="action" image_url="[Real_Image_URL]">AddImageToEditor</button>
我使用此功能捕获按钮的点击次数:
$( document ).on("click", "button", function()
{
// CAPTURE IMAGE URL
var img_url = $(this).attr('image_url');
}
我应该使用什么将 img_url 发送回编辑器?我已经尝试过 insertHTML,但我无法让它工作。
例子:
CKEDITOR.instances.page_article.insertHtml('blablabla');
谢谢! 洛朗
【问题讨论】:
-
你为什么要重新发明轮子?您也可以使用 ckfinder 或 pdw 文件浏览器。它们与 ckeditor 很好地集成。
-
您好,是的,我已经查看了您提到的其他解决方案,但我在自己的 CMS 中使用 CKeditor,我已经有一个图像浏览器,所以我想避免开发第二个浏览器专门用于CKeditor。我的图像浏览器具有类别、分页、搜索和其他一些插件不可用的功能。谢谢!