javascript - Summernote - 多个编辑器实例上的自定义按钮
问题描述
我在 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
}
任何帮助表示赞赏,谢谢!
解决方案
你是如何实例化你的夏季笔记编辑器的?您是通过类 ID 还是名称 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() 您之前如何激活控件。
推荐阅读
- java - 在亚马逊 Linux 上为 tomcat7 设置 CATALINA_OPTS 的位置感到困惑
- python - 如何旋转 vtkVectorText 以面对一个方向?
- flutter - Flutter BloC 不刷新我的视图(计数器应用程序)
- mongodb - Mongodb:连接月份和年份
- arrays - perl中如何以数组形式保存数据?
- r - How to add variable labels from one dataframe into another in R?
- ios - 如何为 UISlider 拇指正确设置自定义图像?
- php - 使用所见即所得的文本编辑器创建电子邮件
- javascript - 如何在给定数组上使用方法之前省略检查数组长度?
- kubernetes - 无法获取我的 kubernetes 主节点的 externalID(即 aws 提供的 instanceId)