【问题标题】:CKeditor - send back image or file URL to editorCKeditor - 将图像或文件 URL 发送回编辑器
【发布时间】: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。我的图像浏览器具有类别、分页、搜索和其他一些插件不可用的功能。谢谢!

标签: image plugins ckeditor


【解决方案1】:

您是否阅读过本文档:

http://docs.ckeditor.com/#!/guide/dev_file_browser_api

您可能需要致电window.opener.CKEDITOR.tools.callFunction(funcNum, fileUrl [,data]);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-04-04
    • 2013-09-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-26
    • 1970-01-01
    • 2017-02-28
    相关资源
    最近更新 更多