jquery Bootstrap Summernote复位/清除

llew8vvj  于 2023-01-04  发布在  jQuery
关注(0)|答案(6)|浏览(215)

我想知道如何使用jQuery或JavaScript重置或清除 Bootstrap Summernote WYSIWYG编辑器。
我试过了

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

此剂量重置整个窗体,除了带有Summernote的文本区域

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

SummernoteText是html文本区域,但是代码根本不做任何事情。

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

以上似乎是distroy编辑器,而不是清除编辑器。
谁能给我指一下做这件事的方法。
链接到夏季笔记http://summernote.org/#/

rwqw0loc

rwqw0loc1#

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

up9lanfz2#

您可以将自定义按钮构建到编辑器本身的工具栏中,如下所示:

//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
    },

});
fhg3lkii

fhg3lkii3#

已使用摘要注解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的回答更详细地说明了要设置的值,而不仅仅是“"。

2q5ifsrm

2q5ifsrm4#

从那里的官方文件:就用这个$('#summernote').summernote('code', "");

rn0zuynd

rn0zuynd5#

有点晚了,但我还是要补充一句:

    • 备选案文1:**
$('#SummernoteText').summernote('reset');
  • 此解决方案仅在编辑器初始为空时有效 *

这将把你的编辑器重置到它的原始状态。这意味着,如果你用任何数据初始化它,相同的数据将在重置时重新出现。

    • 备选案文2:**
$('#SummernoteText').summernote('code', '<p><br></p>');

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

kkih6yb8

kkih6yb86#

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

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

相关问题