首页 > 解决方案 > 是否可以在 CKEditor 中获得插入符号位置?角度 - javascript

问题描述

我是 CKEditor 的新手,我想做的是在 CKEditor 元素中获取插入符号位置,在该位置插入额外的文本。

我发现了这个类似的问题,但这不是我要找的: Get caret position in a CKEditor

我正在寻找的是如何在 CKEditor 返回的 html 中定位文本的位置。

我的代码:

HTML:

  <div class="document-editor">
     <div class="document-editor__toolbar"></div>
         <div class="document-editor__editable-container" fusePerfectScrollbar>
             <div class="document-editor__editable" (click)="getSelected(editableArea)" #editableArea>
                  <p>The initial editor data.</p>
             </div>
        </div>
 </div>

TS:

initEditor(language: any) {
    DecoupledEditor
        .create(document.querySelector('.document-editor__editable')
        )
        .then(newEditor => {
            const toolbarContainer = document.querySelector('.document-editor__toolbar');
            toolbarContainer.appendChild(newEditor.ui.view.toolbar.element);
            this.editor = newEditor;
        })
        .catch(err => {
            console.error(err);
        });
}

我试图做什么?

我尝试使用window.getSelection().anchorOffset它并返回当前光标的位置,div例如,如果我尝试将部分文本着色为绿色,然后单击它,它会返回绿色文本中的位置,而不是在整个内容中。

有谁知道这是否可能?怎么做?

标签: javascriptangularckeditor

解决方案


推荐阅读