期望默认选中2倍距行高,但是查阅了一下文档,没法配置
这个Deafult,根本没有生效,而且如果设置了2,手动选中时,他会和Double同时高亮

原先想法是手动hack css,但是这样的话b端也要改很麻烦
后来想了一种手动改变的方法,在配置参数的events里面监听initialized
事件,然后利用实例的方法手动选中行高,这里要加上settimeout,让该事件延迟执行,否则会报错undefined,可能是这个编辑器的bug
'initialized': function () {
// 设置默认行高2倍,必须要加setTimeout,否则报错
setTimeout(() => {
if (this.core.isEmpty()) {
this.commands.selectAll();
}
this.lineHeight.apply('2');
this.fontSize.apply('14px');
});
},
'keyup': function () {
if (this.core.isEmpty()) {
this.commands.selectAll();
this.lineHeight.apply('2');
this.fontSize.apply('14px');
}
}
遇到的bug:删除内容的时候,当编辑器内容为空,并且只有一行,并且那一行没有任何内容的时候,多按几次退格键,会删掉lineheight的格式,
解决:
- 使用
contentChanged
事件监听,但是contentChanged
被编辑器自动防抖了,会有延迟,所以把事件换成了keyup
,只要编辑器内容为空了,就重新设置行高和字体大小
网友评论