Summernote

Question

我在 Summernote 中有一个自定义按钮，它按预期工作。问题是，它同时适用于所有实例化的编辑器。

为了更好地重建问题：我有一个按钮，当我点击它时，一个新的编辑器被初始化。我正在做 2 位编辑。我单击其中 1 个并通过我的自定义按钮向其添加文本 -> 有效。

我单击第二个实例并通过我的自定义按钮向其添加文本：文本被添加到两个编辑器中。

var HelloButton = function (context) {
        var ui = $.summernote.ui;

        // create button
        var button = ui.button({
            contents: '<i class="fa fa-child"/> Hello',
            tooltip: 'hello',
            click: function () {
                   context.invoke('editor.insertText', myCat);
                });
            }
        });

        return button.render();   // return button as jquery object
    }

感谢任何帮助，谢谢！

Answer 1

你如何实例化你的夏季笔记编辑器？您是通过 class id 还是 name html 属性创建它们？使每个输入不同应该可以解决您的问题。

<div class ="form-group">
<label for="inputA"> Input A </label>
<textarea class="textarea-inputA" id="inputA" name="inputA" />
<span validationfor="inputA">
</div>



<div class ="form-group">
<label for="inputB"> Input B </label>
<textarea class="textarea-inputA" id="inputB" name="inputB" />
<span validationfor="inputB">
</div>

然后在每次选择时调用 summernote()，您之前是如何激活控件的。

Summernote - 多个编辑器实例上的自定义按钮

Summernote - Custom Button on multiple Editor Instances

javascript

wysiwyg