美文网首页
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