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

Question

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

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

Answer 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 元素关联的函数，删除不需要的函数并修改剩余的函数以执行您想要的操作。