Question

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

我尝试了以下代码

$('#MyForm').delay(1000).resetForm(1000);

此剂量重置整个表格，除了带有Summernote的textarea

$('#SummernoteText').reset();

SummernoteText是html textarea，但代码根本没有做任何事情。

$('#SummernoteText').destroy();

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

有人能指出我这样做的方法。

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

Answer 1

$('#SummernoteText').code('');

Answer 2

对于Summernote 0.8.1版本，请使用以下简单代码：

$("#SummernoteText").summernote("reset");

Answer 3

您可以在编辑器本身的工具栏中构建一个自定义按钮，如下所示：

//first create the button
var clearAllButton = function (context)
{
    var ui = $.summernote.ui;

    // create button
    var button = ui.button({
        contents: '<b>x</b>',
        tooltip: 'Clear All',
        click: function()
        {
            $("#summernote_field").summernote('code', '');
            $("#summernote_field").summernote({focus: true});
        }
    });

    return button.render();
};

//now set the options to include it
$('#summernote_field').summernote({
    toolbar: [
    .
    .
    .
    .
    ['misc', ['clearAll']]
    ],

    buttons: {
        clearAll: clearAllButton
    },

});

Answer 4

有点晚了，只是添加：

选项1：

$('#SummernoteText').summernote('reset');

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

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

选项2：

$('#SummernoteText').summernote('code', '<p><br></p>');

添加<p><br></p>标签而不是仅添加普通''的原因是，summernote编辑区域需要使用它作为焦点。 (Reference)

Answer 5

这是用 summernote 0.8.2 测试的。

如果您将summernote元素定义为

<textarea id="your-text-area-id" name="your-text-area-name" ></textarea>
<div class="summernote" id="summer-note-text-id"></div>

然后你可以使用

空白文本

$("#summer-note-text-id").summernote("code", "");

@naribo 的回答更详细地说明了要设置的值，而不仅仅是 ""。

bootstrap Summernote重置/清除

5 个答案: