在Angular中使用CKEditor时如何设置按回车插入<div>而非<p>标签?
问题原因及解决方案
你的配置错误出在enterMode的赋值格式、冗余语法错误,以及需要注意配置的传入时机:
- 错误点1:你把
CKEDITOR.ENTER_DIV用引号包裹成了字符串,CKEditor无法识别字符串格式的常量枚举值,需要去掉外层引号直接引用常量。 - 错误点2:你贴出的代码片段末尾多了一个多余的闭合花括号
},会触发语法错误导致整段配置失效。 - 额外注意:要确保这份配置是在编辑器实例初始化之前传入的,实例挂载完成后再修改配置不会生效。如果是使用Angular、React等框架的集成版本,需要通过组件的
config输入属性直接绑定配置,不要手动在生命周期钩子中修改实例属性,避免配置注入时机晚于实例初始化。
正确的配置写法如下:
config = { height: 250, enterMode: CKEDITOR.ENTER_DIV, // 按需配置shift+回车的换行行为 shiftEnterMode: CKEDITOR.ENTER_BR };
内容的提问来源于stack exchange,提问作者user2869736
相关产品推荐
相关产品推荐

