javascript - Tinymce 编辑器在粘贴文本时去除所有样式但保留项目符号和表格

标签 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。这将剥离所有样式,以便我可以自己应用所需的样式。但是,连子弹和表也被剥离了,这是不好的。任何想法的人?提前致谢!!

最佳答案

粘贴为文本选项 ( 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 插件处理内容之后但在将其注入(inject)编辑器之前运行您自己的自定义 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

关于javascript - Tinymce 编辑器在粘贴文本时去除所有样式但保留项目符号和表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40625895/

相关文章:

javascript - 将逗号分隔字符转换为逗号分隔整数

javascript - 删除 TinyMCE 4 中的子菜单项

javascript - 在 TinyMCE 或 CKEditor 中运行时更改内容 CSS

html - Alignin div 就像 pinterest

html - 雅虎问答真的是 "Infinite Scroll"页面吗? Python

jquery - 使用百分比调整空 div 的大小

javascript - 使用 tinyMCE 获取内容?

javascript - 自动转到下一个字段 html5 表单

javascript - 单击时更改颜色

javascript - ASP 使用 CDOSYS 和 AJAX 发送电子邮件