仅保留TinyMCE中粘贴的上标和下标

时间:2017-05-22 16:50:53

标签: javascript tinymce

您好我正在尝试创建一个TinyMCE编辑器,在此我希望用户能够从他想要的任何地方粘贴。

我想要放置的唯一限制,当用户从他的源我的TinyMCE框中粘贴时,应删除除上标和下标之外的所有富文本属性(例如颜色,字体样式,标题,表格)。

我只想保留上标和下标。

这是我的TinyMCE代码。目前我使用的是paste_as_text:true,因此它删除了包含上标和下标的每种富文本样式。

http://fiddle.tinymce.com/KAfaab/4

<script type="text/javascript">
 tinyMCE.init({
         selector: 'textArea',  // change this value according to your HTML
         menubar: false,
         width: "840",
         toolbar: 'undo redo | superscript subscript | link image',
         height: "225",
         resize: 'both',      
         encoding: "xml",
         elementpath: true,
         paste_word_valid_elements: "superscript,subscript,sub,sup",
         plugins: "paste",
         paste_retain_style_properties: "superscript,subscript,sub,sup",
         paste_as_text:true


     });

 <form method="post" action="dump.php">
     <textarea name="content"></textarea>
 </form>

1 个答案:

答案 0 :(得分:0)

粘贴为文本将删除所有格式 - 而不是您想要的。

您可以尝试使用valid_elements / extended_valid_elements来获取您想要的内容,但在粘贴后使用paste_postprocess删除编辑器中不需要的元素可能会更容易:

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

此选项在粘贴插件完成其工作后为您提供内容的副本,您可以在将内容插入编辑器之前执行自己的修改。

注意:paste_word_valid_elements仅影响从Word粘贴的内容 - 它不会影响(作为示例)从其他网页粘贴的内容,因此虽然这可能会解决某些类型的粘贴内容的问题不适用于所有类型的粘贴内容。 paste_retain_style_properties存在一个类似的问题 - 只会影响CSS样式 - 它对任何标记都没有影响,所以你配置它的方式不会做任何事情。