大果子你说谁呢 2024-11-27 15:15 采纳率: 65%
浏览 13
已结题

angular 在tinymce编辑器上按键后并自动填充数据,把搜寻到的数据自动带入到编辑器上

<ngx-tiny-mce [elementId]=“‘post-body3’” [Data]=“sContent” (editorKeyup)=“EditorkeyupHandler($event)” (StringOutput)=“TmpContentHandler($event)”></ngx-tiny-mce>

其中ngx-tiny-mce模块是
@Input() Data:string
@Output() editorKeyup=new EventEmitter<any>();
@Output() StringOutput=new EventEmitter<any>();

tinymce.int({
setup:editor=>{
this.editor=editor;
editor.on('init',()=>{
if(this.Data){
editor.setContent(this.Data);
}});
editor.on('keyup',()=>{
this.editorKeyup.emit(editor.getContent());
this.StringOutput.emit(editor.getContent({format:'text'}));
});
});
  • 写回答

1条回答 默认 最新

  • 京城开发吴彦祖 2024-11-28 16:34
    关注

    1.搜寻并处理数据
    在 keyup 事件中,根据用户的输入调用一个函数进行数据搜寻。
    将搜寻到的数据插入到编辑器中。
    2.修改 ngx-tiny-mce 的事件监听
    在现有的 editor.on('keyup') 方法中添加逻辑,判断特定的输入模式,并根据模式执行数据填充。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月7日
  • 已采纳回答 11月29日
  • 修改了问题 11月27日
  • 创建了问题 11月27日