如何在tinymce中制作不可编辑的模板内容

我已经创建了html模板文件，我在该模板中放置了一些元素是不可编辑的。如何在tinymce中制作不可编辑的模板内容

template.html包含

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

上插入这个模板文件到textarea的第二格是可编辑的，而在检查该div我见过的属性CONTENTEDITABLE =“假”不那里插入，但它的模板插入之前的预览。

任何帮助感激地收到！

来源

2012-11-14 super

你尝试不把contenteditable放在第二个div上吗？ –

@Kyokasuigetsu是的，我已经尝试过，也tinypce插件不可编辑第二个div内容有红色的颜色，但该属性不在插入 – super

你提到有关不可编辑的插件，所以我假设你已经访问此页面：http ：//www.tinymce.com/tryit/noneditable_content.php，我假设你已经仔细地按照说明操作。该页面中的示例似乎工作正常，您确定您已经按照关于如何仔细使用该插件的说明吗？ –

从这个页面：http://www.tinymce.com/tryit/noneditable_content.php

它使用一个textarea：

<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>

这里的关键是把一类mceNonEditable在你的元素：

span class="mceNonEditable"

那么无论不可编辑您拥有的内容，包装在大于和小于：

&gt;You cannot edit me&lt;

然后最后关闭元素：

/span

我想你也可以改变模式（在他们使用文字区域的例子，所以我想你也可以使用的div或跨度）初始化TinyMCE的时候：

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

还有noneditable_regexp可让您指定不可编辑内容的正则表达式。我认为这比使用html实体更容易。

我还没有真正尝试过，但这就是我解释页面中示例的方式。

来源

2012-11-14 06:16:12

如果我使用这个正则表达式'/（<（div | DIV）\ s + class \ s *？=（'|“）\ s *？replace（'| “）\ s *？>）（\ s *？<）（。*？）（> \ s *？）（<\ /（div | DIV）\ s *？>）/ g'那么div包含class替换应该是不可编辑的权利，但不能在html内容中使用正则表达式 – super

如何在tinymce中制作不可编辑的模板内容

回答

相关问题