ronheywood/ckeditor-linkbrowser

此包最新版本(dev-master)没有可用的许可证信息。

dev-master 2017-06-06 11:02 UTC

This package is not auto-updated.

Last update: 2024-09-20 20:01:10 UTC


README

linkbrowser 是一个 CKEditor 插件,允许在服务器上浏览并选择图片插入到编辑器内容中。

此插件基于 ckimagebrowser 插件

此插件通过在链接对话框窗口中提供 浏览服务器 按钮与 link 插件(CKEditor 的一部分)集成。

  • 您只需提供一个包含 URL 列表的 JSON 格式,链接浏览器将处理其余部分。

实际上,它使用与 Redactor 相同的数据格式,允许轻松地在两个编辑器之间进行切换。

安装

将此存储库的全部内容复制到 CKEditor 安装中的新 plugins/linkbrowser 目录。

请确保您使用的是 标准完整 CKEditor 包基本 包缺少此插件所依赖的内置 "文件浏览器" 插件。您还可以使用带有 "文件浏览器" 插件支持的 自定义 CKEditor 包

使用

通过将其添加到 extraPlugins 并指定 linkBrowser_listUrl 参数来启用插件

CKEDITOR.replace('textareaId', {
        "extraPlugins": "linkbrowser",
        "imageBrowser_listUrl": "/path/to/url_list.json"
});

linkBrowser_listUrl 配置参数指向一个 URL,该 URL 以 JSON 格式列出服务器上的图片。

示例

[
        {
                "linkUrl": "https://www.example.com",
                "folder": "Home",
                "linkTitle": "Website Home Page"
        },
        {
                "linkUrl": "https://www.example.com/about-us",
                "linkTitle": "About Us Page",
                "folder": "About Us"
        },
        {
                "linkUrl": "https://www.example.com/about-us/people",
                "linkTitle": "About Us | People",
                "folder": "About Us"
        }
]

上述说明表示有 2 个页面目录("首页" 和 "关于我们"),每个目录中都有页面。

linkUrl 字段是在将链接放入编辑器内容时使用的相对/绝对 URL。

linkTitle 字段是 可选的。它指定用于链接标签的 title 属性。

folder 字段是 可选的。如果省略,则 URL 列表不会按文件夹拆分。