如何在 CKEditor 中设置自定义链接浏览器？答案

【问题标题】：How to set custom link browser in CKEditor?如何在 CKEditor 中设置自定义链接浏览器？
【发布时间】：2012-07-14 16:12:04
【问题描述】：

CKEditor 文档描述了当用户单击插入图像按钮时出现的“文件浏览器（上传器）”。

但我没有看到有关用户单击插入超链接按钮时出现的对话框的文档。此对话框还具有显示文件浏览器的“在服务器上浏览”按钮。但我在我的网站上有我赢得的服务器页面列表。我可以在这里配置我的自定义列表，而不是浏览文件吗？

【问题讨论】：

标签： javascript html ckeditor fckeditor file-browser

【解决方案1】：

您可以制作自定义插件或修改默认链接插件。

要制作自定义插件，请在/plugins 中创建一个目录，并使用您要用于新插件的名称，然后将_source/plugins/link 目录的内容复制到您的新目录中。您需要在这些复制的文件中更改插件名称。然后修改对话框文件以满足您的需要。然后使用 config.extraPlugins 设置加载新插件并将按钮添加到 config.toolbar_xxx 设置。

要修改现有的链接插件，请从以下位置复制链接对话框窗口的未压缩文件：
_source/plugins/link/dialogs/link.js

并替换：
plugins/link/dialogs/link.js

然后修改该对话框窗口文件，一种方法是使用您的服务器页面列表填充选择元素。

您可以更改 url 文本字段：

type : 'text',
id : 'url',
label : commonLang.url,
required: true,

到这里：

type : 'select',
id : 'url',
label : commonLang.url,
required: true,
'default' : 'xxx',
items :
[
  [ 'Link Name', 'Link Path' ],
  [ 'Link Name', 'Link Path' ],
  [ 'Link Name', 'Link Path' ],
  [ 'Link Name', 'Link Path' ]
],

然后遍历与 url 元素关联的函数，删除不需要的函数并修改剩余的函数以执行您想要的操作。

【讨论】：