CKEditor5 - 使用 javascript 在编辑器的光标位置附加内容

问题描述 投票:0回答:0

我用的是CKEditor5 classic和文档类型。

我有一份报告,我需要通过在文本中双击它来输入其中一个报告机构的参数。为此,我需要找到光标的位置并将参数放在该字段中。

注:光标位置可能在正文中间

我需要使用 javascript 向应用程序添加值。

<div id="ck5_Container_fldDescription" class="ck5_Container">
  <div class="SMK form-control ck ck-content ck-editor__editable ck-rounded-corners ck-editor__editable_inline ck-blurred" tabid="4" name="ck5_fldDescription" subtype="CKEDITOR5" submod="DOCUMENT" id="ck5_fldDescription" dir="rtl" role="textbox" aria-label="Rich Text Editor. Editing area: main" lang="ar" contenteditable="true">
    <h2><strong>asdfsadf</strong></h2>
    <p>asdf</p>
    <p>asdf</p>
    <p>asdf</p>
    <p>as</p>
    <p>df</p>
  </div>
</div>
function addText() {
  var editor = document.getElementById("ck5_fldDescription");
  //console.log(editor);
  var RepName = $('#Rep .rowSelected').find("td").eq(1).html().trim();
  //console.log('RepName');
  //console.log(RepName);

  editor.model.change(writer => {
    const selection = editor.model.document.selection;
    const currentAttributes = selection.getAttributes();
    const insertPosition = selection.focus;
    writer.insertText(RepName, currentAttributes, insertPosition);
  });
}

$('#Rep').dblclick(function() {
  addText();
});

我的代码如上,但不能正常工作,你能帮帮我吗???

javascript html css ckeditor5
© www.soinside.com 2019 - 2024. All rights reserved.