如何在tinyMCE中设置目标属性

如何在tinyMCE中设置目标属性,tinymce,Tinymce,我已经使用tinymce.execCommand(“CreateLink”,False,theLink)设置了指向某些文本的链接。问题是我想设置“Target=\u blank” 如何在上述操作之后设置Target属性 谢谢。您需要在tinymce编辑器中识别正确的html元素。您可以使用此代码替换/设置链接的目标属性 $(ed.getBody()).find('a [href="'+theLink+'"]').attr('Target', '_blank'); 请注意,编辑器中可能已经有相同

我已经使用
tinymce.execCommand(“CreateLink”,False,theLink)
设置了指向某些文本的链接。问题是我想设置
“Target=\u blank”

如何在上述操作之后设置
Target
属性


谢谢。

您需要在tinymce编辑器中识别正确的html元素。您可以使用此代码替换/设置链接的目标属性

$(ed.getBody()).find('a [href="'+theLink+'"]').attr('Target', '_blank');

请注意,编辑器中可能已经有相同的链接。在这种情况下,所有此类链接的“目标属性”变为“空白”。

您是否试图在TinyMCE中的所有用户提供的链接上将目标属性设置为“空白”?如果是,请在tinymce.init配置中设置此属性:

extended_valid_elements: 'a[href|target=_blank]'
这在TinyMCE 4.0.2上适用

使用此配置,编辑器保存时,编辑器中的所有链接的目标都将设置为_blank。(此外,除href和target之外的所有属性都将被删除,因为我在配置中排除了它们;添加您希望允许的任何有效属性/约束。)

见:


如果这些是用户提供的链接,那么您可能还需要为它们提供的所有链接设置rel=nofollow。

在4.1.0版中,将“新建页面”作为唯一选项对我来说是可行的(请参见:)

target_list: [ {title: 'New page', value: '_blank', selected: true} ]
或者你可以简单地:

tinymce.init({
    plugins: "link",
    target_list: [
        // remove `none` and `_self` by commenting them like below
        // {title: 'None', value: ''},
        // {title: 'Same page', value: '_self'},
        {title: 'New page', value: '_blank'}
    ]
});

如果您更愿意为用户提供选项,但将
target=“\u blank”
设为默认值

对于v4.4.3,这似乎是正确的:

tinymce.init({
    plugins: "link",
    default_link_target: "_blank"
});
您还可以指定以下选项:

tinymce.init({
    plugins: "link",
    target_list: [
        {title: 'None', value: ''},
        {title: 'Same page', value: '_self'},
        {title: 'New page', value: '_blank'}
    ],
    default_link_target: "_blank"
});

它还显示已删除对
selected:true
的支持。

虽然这确实限制了用户界面中的选择,但在我尝试使用4.1.1时,它没有在创建的链接上添加
target=“\u blank”
。请尝试添加“selected:true”(即使未记录)我最终用Ryan的方法强迫它,但我用
selected:true
重新测试了它,现在也可以了。谢谢