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

此页更新时间:2019-04-04 21:23

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

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

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

额外设置

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

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 列表插件