Fatal编程技术网
  • javascript/
  • Javascript 如何在tinymce中使模板内容不可编辑

Javascript 如何在tinymce中使模板内容不可编辑

javascript jquery html tinymce

Javascript 如何在tinymce中使模板内容不可编辑,javascript,jquery,html,tinymce,Javascript,Jquery,Html,Tinymce,我已经将html模板文件装箱，我在模板中放入了一些不可编辑的元素 template.html包含 <body> <div>This is a sample template </div> <div contenteditable="false" style="color:red">Read Only Text</div> </body> 这是一个示例模板 只读文本 在将此模板文件插入文本区域时，第二个div是可编辑的，

我已经将html模板文件装箱，我在模板中放入了一些不可编辑的元素

template.html包含

<body>
<div>This is a sample template </div>
<div contenteditable="false" style="color:red">Read Only Text</div>
</body>


这是一个示例模板
只读文本
在将此模板文件插入文本区域时，第二个div是可编辑的，在检查该div时，我发现属性contenteditable=“false”在插入时不存在，但在插入模板之前的预览中存在

感谢您的帮助

从本页：

它使用文本区域：

  <textarea name="content" style="width:100%">
    &lt;p&gt;Text with a &lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt; inline element.&lt;/p&gt;
    &lt;p class="mceNonEditable"&gt;Noneditable text block with &lt;span class="mceEditable"&gt;[editable]&lt;/span&gt; items within.&lt;/p&gt;
    &lt;p&gt;Text with tokens that isn't [[editable]] since they match the noneditabe_regexp.&lt;/p&gt;
  </textarea>
然后，无论您有什么不可编辑的内容，请将其包装为大于或小于：

&gt;You cannot edit me&lt;
然后最后关闭该元素：

/span
我认为您还可以在初始化tinymce时更改模式（在示例中，他们使用textareas，因此我猜您也可以使用div或span）：

tinyMCE.init({
        mode : "textareas",
        noneditable_regexp: /\[\[[^\]]+\]\]/g
});
还有一个不可编辑的_regexp，它允许您指定不可编辑内容的正则表达式。 我认为这比使用html实体更容易

实际上我还没有试过，但这就是我在页面中解释示例的方式。

你有没有试过不将contenteditable放在第二个div上？@Kyokasuigetsu是的，我也试过，tinymce插件不可编辑的第二个div内容有红色，但你提到的关于不可编辑插件的插件中没有该属性，所以我假设您已经访问了这个页面：并且我假设您已经仔细地遵循了说明。页面中的示例似乎工作正常，你确定你已经仔细遵循了如何使用插件的说明吗？我尝试过该插件，但还有一些其他问题，我在选择上有一个名为addheader的选择框，它将不可编辑的内容插入文本区域。如果我使用插件并选择addheader，那么如果我使用这个regex
/(

tinyMCE.init({
        mode : "textareas",
        noneditable_regexp: /\[\[[^\]]+\]\]/g
});