如何禁用wysihtml5 HTML清理编辑器?

如何禁用wysihtml5 HTML清理编辑器?,第1张

概述在编辑器模式下如何禁用 HTML清理?我需要允许css格式和代码中的内联HTML.这个想法是在粘贴代码并输入编辑器进行编辑时,禁用解析器和HTML清理 *** 作.谢谢. 其实这就是解析器规则. 在实例化编辑器对象之前,您可以将自定义规则附加到所包含的var wysihtml5ParserRules中,或者只是创建自己的规则对象并给出编辑器的构造函数. 例如,为了允许h1和h3标签除了分布式简单示例规则中 在编辑器模式下如何禁用 HTML清理?我需要允许CSS格式和代码中的内联HTML.这个想法是在粘贴代码并输入编辑器进行编辑时,禁用解析器和HTML清理 *** 作.谢谢.解决方法 其实这就是解析器规则.

在实例化编辑器对象之前,您可以将自定义规则附加到所包含的var wysihtml5ParserRules中,或者只是创建自己的规则对象并给出编辑器的构造函数.

例如,为了允许h1和h3标签除了分布式简单示例规则中允许的标签之外,您需要设置如下:

<form>    <div ID="toolbar" >      <a data-wysihtml5-command="bold" title="CTRL+B">bold</a> |      <a data-wysihtml5-command="italic" title="CTRL+I">italic</a>      <a data-wysihtml5-action="change_vIEw">switch to HTML vIEw</a>    </div>    <textarea ID="textarea" placeholder="Enter text ..."></textarea>    <br><input type="reset" value="reset form!">  </form>  <!-- The distributed parser rules -->  <script src="../parser_rules/simple.Js"></script>  <script src="../dist/wysihtml5-0.4.0pre.min.Js"></script>  <script>    // attach some custom rules    wysihtml5ParserRules.Tags.h1 = {remove: 0};    wysihtml5ParserRules.Tags.h3 = {remove: 0};    var editor = new wysihtml5.Editor("textarea",{      toolbar:        "toolbar",parserRules:    wysihtml5ParserRules,uselineBreaks:  false    });  </script>

现在,当您输入/粘贴< Title> test< / Title>在编辑器中,当您处于编辑器模式时,然后切换到HTML视图,您将获得& lt; Title& gt; test& lt; / Title& gt.当您切换回编辑器视图时,您将获得< Title> test< / Title>再次.

这是一般的部分.

现在,在你的情况下,我不知道使用121个自定义解析器规则(要处理的HTML标签的数量)是最好的办法,或者如果不是更好地花时间挖掘源代码找到一个更具性能的解决方案(告诉一个解析器实际上只是返回输入字符串,没错,是吗?)此外,你说你也想允许CSS.所以你的自定义解析器规则甚至会扩展.

无论如何,作为起点,请随时使用我的自定义解析器规则集:https://github.com/eyecatchup/wysihtml5/blob/master/parser_rules/allow-all-html5.js.

总结

以上是内存溢出为你收集整理的如何禁用wysihtml5 HTML清理编辑器?全部内容,希望文章能够帮你解决如何禁用wysihtml5 HTML清理编辑器?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1142355.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存