javascript - Tinymce 超链接被删除？

Question

我有一个简单的Tinymce用户可以在其中插入链接和文本的文本字段。但是当我提交表单时，链接就消失了？!如果我检查该元素，我可以看到如下链接:

<a title="title" href="https://www.facebook.com" data-mce-href="https://www.facebook.com">IAMDISPLAYED</a>

但是当我提交表单时，会发生以下情况:

而不是添加:

<a href='www.THE_LINK_I_ADDED.com'>Text I chose</a>

它只是添加 Text to display没有<a标签包裹它。就像这样:

Text I chose

有什么想法为什么会发生这种情况吗？

这是我的.init设置:

tinymce.baseURL = '/static/tinymce/js/tinymce';
tinymce.init({
    selector: ".tinymce",
    plugins: [
        "searchreplace code link",
        "insertdatetime contextmenu paste"
    ],
    menubar: false,
    toolbar1: " undo redo | styleselect | bullist | link",
    theme_advanced_disable: "sup,sub",
    removed_menuitems: 'newdocument,strikethrough,superscript,subscript,bold,italic,underline',
    style_formats: [
        { title: "Header", format: "h2" }
    ],
    valid_children: '-li[h2]',
});

Answer 1

这是您的问题:

valid_children: '-li[h2]',

当您提交编辑器内容时，tinymce 会使用您提供的设置(或默认设置)清理编辑器内容。在这种情况下，您不允许将带有 a-标签的段落作为子段落。 仔细看看 valid_elements 的使用和 valid_children .

我想如果您完全删除该设置，您的 a-Tag 将不会被删除，因为 tinymce 默认情况下允许 a-Tag。