我正在尝试在文本字段上创建富文本编辑器。为了做到这一点,我正在使用Summernote。我让编辑器按照我想要的方式进行初始化。我真的希望airmode
鼠标悬停时表现出来,而不是单击时表现出来。尽管如此,还是有一个奇怪的行为是我真正的问题。
如该小提琴中所示,用户可以开始在屏幕上输入三个编辑器之一。但是,一旦输入空格,文本就会转到输入字段上方的行。它不会停留在同一行上。奇怪的是,输入行上方的文本不允许进行丰富的编辑。我正在像这样初始化文本字段:
var optionEditors = $('.option-editor');
for (var i=0; i<optionEditors.length; i++) {
$(optionEditors[i]).summernote({
airMode: true,
popover: {
air: [
['font', ['bold', 'underline', 'clear']]
]
}
});
}
我想念什么?一切看起来都正确。只是该行为似乎是错误的。谢谢你。
另一个解决方案是使用CSS隐藏输入,并使summernote看起来像一个表单控件:
for (var i=0; i<optionEditors.length; i++) {
$(optionEditors[i]).summernote({
airMode: true,
popover: {
air: [
['font', ['bold', 'underline', 'clear']]
]
},
callbacks: {
onInit: function() {
// make the editor like a "form-control"
$('.note-editor').addClass('form-control');
// Force editor height adding one space
$(this).summernote('code', ' ');
}
}
});
}
@请参阅工作示例https://jsfiddle.net/v8zhvsmo/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句