bootstrap Summernote 重置/清除

max*_*xlk 5 javascript jquery wysiwyg twitter-bootstrap-3 summernote

我想知道如何使用 jQuery 或 JavaScript 重置或清除引导程序 Summernote WYSIWYG 编辑器。

我试过下面的代码

$('#MyForm').delay(1000).resetForm(1000);
Run Code Online (Sandbox Code Playgroud)

此剂量重置整个表单,除了带有 Summernote 的 textarea

$('#SummernoteText').reset();
Run Code Online (Sandbox Code Playgroud)

SummernoteText 是 html textarea 但代码根本不做任何事情。

$('#SummernoteText').destroy();
Run Code Online (Sandbox Code Playgroud)

以上似乎破坏了编辑器而不是清除编辑器。

有人可以指出我的方法来做到这一点。

链接到 Summernote http://summernote.org/#/

nar*_*ibo 13

有点晚了,但只是补充一下:


选项1:

$('#SummernoteText').summernote('reset');
Run Code Online (Sandbox Code Playgroud)

此解决方案仅在您的编辑器最初为空时才有效

这会将您的编辑器重置为其原始状态。这意味着,如果您使用任何数据对其进行初始化,则相同的数据将在重置时重新出现。


选项 2:

$('#SummernoteText').summernote('code', '<p><br></p>');
Run Code Online (Sandbox Code Playgroud)

添加<p><br></p>标签而不是简单的原因''是summernote编辑区域需要​​它作为焦点。(参考)


Mr *_*ide 6

对于 Summernote 0.8.1 版本,请使用以下简单代码:

$("#SummernoteText").summernote("reset");
Run Code Online (Sandbox Code Playgroud)


San*_*nya 5

$('#SummernoteText').code('');
Run Code Online (Sandbox Code Playgroud)

  • 在 Summernote 0.8.1 中使用 `$("#SummernoteText").summernote("reset");` (7认同)
  • @Pawel 实际上使用 $("#SummernoteText").summernote('code', ''); 使用重置禁用 Summernote 控件的其他部分,例如调整大小的幻灯片和下拉菜单 (3认同)