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

Tinymce editor strip all styles but retain bullets and tables while pasting text

本文关键字:表格 文本 符号 保留 删除 编辑器 样式 Tinymce 项目      更新时间:2023-09-26

我正在使用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。这将剥离所有的样式,以便我可以应用自己想要的样式。然而,即使是子弹和桌子也被剥离,这是不好的。大家知道吗?提前感谢!!

粘贴为文本选项(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