Tinymce编辑器剥离所有样式,但在粘贴文本时保留项目符号和表格

时间:2016-11-16 07:01:47

标签: javascript html tinymce

我正在使用tinymce编辑器,我的要求是在粘贴时剥离内容上应用的所有样式,而不会丢失子弹和表格。这可能吗?我尝试按照以下方式初始化我的tinymce编辑器:

 tinymce.init({
    plugins: "paste,textcolor",
    paste_as_text: true,
    encoding: "xml",
    mode: "exact",
    selector: "textarea.className",
    menubar: false,
    statusbar: false,
    height: 257,
    browser_spellcheck: true,
    toolbar: "forecolor backcolor,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink"
});

我正在使用粘贴插件并将paste_as_text设置为true。这将剥离所有样式,以便我可以自己应用所需的样式。然而,即使子弹和桌子也被剥离,这是不好的。有人在想吗?在此先感谢!!

1 个答案:

答案 0 :(得分:4)

粘贴为文本选项(https://www.tinymce.com/docs/plugins/paste/#paste_as_text)将导致您的粘贴内容以纯文本形式出现 - 因此没有子弹,表格,标题等内容。内容基本上会像您一样在粘贴到TinyMCE之前将其粘贴到记事本中。如果您在上面的配置中将其设置为true,则根本不会获得任何HTML格式 - 这是基于该配置选项设计的。

如果您未将paste_as_text设置为true,您将获得HTML内容(根据您的帖子知道) - 如果您想进一步操作HTML,您可以选择:

paste_postprocess - https://www.tinymce.com/docs/plugins/paste/#paste_postprocess

这允许您在paste插件处理内容之后但在注入编辑器之前运行您自己的自定义JavaScript。此时您可以对HTML执行任何操作,因此您可以添加到内容或从内容中删除的内容没有任何限制。

paste_word_valid_elements - https://www.tinymce.com/docs/plugins/paste/#paste_word_valid_elements

这使您可以在paste插件处理粘贴的内容时列出哪些HTML元素有效插入编辑器。

粘贴插件还有其他选项可以提供进一步的帮助:https://www.tinymce.com/docs/plugins/paste