插件 \ link 超链接插入或编辑超链接
+toolbar按钮+menu项

此页更新时间：2020-03-08 22:05

此页英文文档：https://www.tiny.cloud/docs/plugins/link/

顾名思义，可为选中内容添加超链接，同时支持右键快捷菜单。

tinymce.init({
    selector: '#tinydemo',
    plugins: "link",
    toolbar: "link",
});

额外设置

这些设置将影响link插件的行为。

link_default_protocol 默认协议

5.2.0新增。

默认值是http，可通过此参数改变链接默认使用的协议。

link_default_protocol: "https"

default_link_target 默认链接打开方式

默认链接是当前窗口打开，你也可以通过此参数将其变为_blank新窗口打开。

default_link_target: "_blank"

link_assume_external_targets 协议前缀补齐提示

如果使用此参数并将其值设为“true”，则你在地址中输入的URL如果不包含http://之类的协议前缀，在提交时会提示你是否自动补齐该前缀。

提示如：你所填写的URL地址属于外部链接，需要加上http://:前缀吗？

译者注：输入正确的相对网址它也会提醒你是否补齐，反正只要没前缀就提示。

link_class_list 为链接对话框加入class设置项

tinymce.init({
    selector: '#tinydemo',
    plugins: "link",
    toolbar: "link",
    link_class_list: [
        {title: '无', value: ''},
        {title: 'Dog', value: 'dog'},
        {title: 'Cat', value: 'cat'}
    ],
});

link_context_toolbar 链接的右键增强菜单

在链接上右键，菜单项原本就一个“链接...”，启用该参数将额外生成两个菜单项“删除链接”和“打开链接”。

取值：true / false

默认：false

link_context_toolbar: true

link_list 预置链接列表

在对话框中提供一个链接备选列表供用户选择。

tinymce.init({
    selector: '#tinydemo',
    plugins: "link",
    toolbar: "link",
    link_list: [
        {title: 'My page 1', value: 'https://www.tiny.cloud'},
        {title: 'My page 2', value: 'https://about.tiny.cloud'}
    ],
});

该参数也可以提供一个能返回上述json格式数据的URL

link_list: "/mylist.php"

也可以自定义一个异步函数：

tinymce.init({
    selector: '#tinydemo',
    plugins: "link",
    toolbar: "link",
    link_list: function(success) {
        success([
            {title: 'My page 1', value: 'https://www.tiny.cloud'},
            {title: 'My page 2', value: 'https://about.tiny.cloud'}
        ]);
    },
});

link_title 对话框中“标题”的显示开关

取值：true / false

默认：true

link_title: false

rel_list 对话框中增加rel属性选择列表

A的rel属性用于指定该链接与当前页面之间的关系，具体作用可自行搜索。

tinymce.init({
    selector: '#tinydemo',
    plugins: "link",
    toolbar: "link",
    rel_list:[
        {title: 'Lightbox', value: 'lightbox'},
        {title: 'Table of contents', value: 'toc'}
    ],
});

target_list 指定打开方式列表

默认内置了两种打开方式，一个当前窗口打开，一个新窗口打开（_blank）。

如要实现在不同框架（iframe）中打开，可用此参数指定框架名列表。

tinymce.init({
    selector: '#tinydemo',
    plugins: "link",
    toolbar: "link",
    target_list:[
        {title: '当前窗口', value: ''},·
        {title: '新窗口', value: '_blank'},
        {title: 'Lightbox', value: '_lightbox'}
    ],
});

如要在对话框中隐藏“打开方式”则将其设为false即可。

下一节：lists 列表插件

▲