Question

我正在寻找一种方法，使HTML富文本编辑器中的特定元素成为只读，并且不可能由用户修改。有没有办法实现这种行为？

我正在引用的富文本编辑器的一个示例是此代码段：

 <html>
 <head>
  <script type="text/javascript">
   var Editor = {
    Init: function() {
     $("#editor").get()[0].contentWindow.document.designMode = "on";
    }
   }

   $(document).ready(function() { Editor.Init(); });
  </script>
 </head>
 <body>
  <iframe id="editor" style="width: 500px; height: 250px;"></iframe>
 </body>
</html>

/托拜厄斯

Answer 1

我不知道这是否对您有所帮助，但WYSIWYG编辑器CKEditor可以使用正则表达式保护内容：

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.protectedSource

<强> CKEDITOR.config.protectedSource 从：3.0 要在输入HTML上执行的正则表达式列表，表示必须保持不变的代码。

config.protectedSource.push( /<\?[\s\S]*?\?>/g );   // PHP Code
config.protectedSource.push( /<%[\s\S]*?%>/g );   // ASP Code
config.protectedSource.push( /(]+>[\s|\S]*?<\/asp:[^\>]+>)|(]+\/>)/gi );   // ASP.Net Code

我自己还没有使用它，但是从我在论坛中听到的内容和SO上的内容来看，它似乎工作得相当不错。

我已经使用过CKEditor，并且可以推荐它作为最好的WYSIWYG编辑器之一，即使文档和社区支持有点稀疏，它仍然是市场上的新产品。

Html富文本编辑器和只读内容？

1 个答案: