FROALA不可编辑内容

Question

我正在与FROALA建立一个电子邮件模板。我不想给用户编辑它的一部分的权力。有没有办法阻止用户编辑部分内容？

谢谢。

Answer 1

最好的方法是使用contenteditable=false标志，在Froala Github repo上也有一个例子：https://github.com/froala/wysiwyg-editor/blob/master/html/popular/disable_edit.html#L40。

<p>This <span contenteditable="false">zone</span> can't be edited.</p>

如果您希望在使用backspace/delete时允许删除它，那么您还应该向其中添加类fr-deletable：

<p>This <span contenteditable="false" class="fr-deletable">zone</span> can be deleted.</p>

Answer 2

为此，您可以使用

<div contenteditable="false"></div>.

Answer 3

Froala允许您将froala设置为不可编辑，

让我们将此实例设置为不可编辑：

<div id="froala-editor"></div>

发起Froala实例：

$('#froala-editor').froalaEditor({});

设置为不可编辑

$('#froala-editor').froalaEditor('edit.off');

演示：https://jsfiddle.net/q87duk2c/17/

​

​

如果您想再次激活它，您可以执行以下操作：

$('#froala-editor').froalaEditor('edit.on');