美文网首页
augular Ueditor禁用ctrl+enter自动提交

augular Ueditor禁用ctrl+enter自动提交

作者: 饱饱抓住了灵感 | 来源:发表于2023-06-20 16:20 被阅读0次

解决方法: 在ueditor组件的onReady($event)方法中设置autoSubmitnull
html:

<ueditor [(ngModel)]="popoInput" [config]="{wordCount:true}" [loadingTip]="''加载中......''" (onDestroy)="_destroy()" 
    (ngModelChange)="_change($event)" (onReady)="setUeditorNoCtrlEnter($event)"></ueditor>

typescript:

setUeditorNoCtrlEnter($event: any) {
    console.log($event);
    $event.instance.shortcutkeys.autosubmit = '';
}
看打印结果: ueditor对象.png

附ueditor组件属性表:

属性名称 类型 默认值 描述
config Object - 前端配置项说明,见官网
loadingTip string 加载中... 初始化提示文本
disabled boolean false 是否禁用
delay number 50 延迟初始化UEditor,单位:毫秒
onPreReady EventEmitter<UEditorComponent> - 编辑器准备就绪之前会触发该事件,并会传递 UEditorComponent 当前实例对象,可用于后续操作(比如:二次开发前的准备)。
onReady EventEmitter<UEditorComponent> - 编辑器准备就绪后会触发该事件,并会传递 UEditorComponent 当前实例对象,可用于后续操作。
onDestroy EventEmitter - 编辑器组件销毁后会触发该事件
ngModelChange EventEmitter<string> - 编辑器内容发生改变时会触发该事件

相关文章

网友评论

      本文标题:augular Ueditor禁用ctrl+enter自动提交

      本文链接:https://www.haomeiwen.com/subject/mxnyydtx.html