javascript - 是否可以在 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
例如,如果我尝试将部分文本着色为绿色,然后单击它,它会返回绿色文本中的位置,而不是在整个内容中。
有谁知道这是否可能?怎么做?
解决方案
推荐阅读
- time-complexity - 日志的时间复杂度
- elasticsearch - 为什么过滤器不适用于弹性搜索?
- git - GitHub“无法对 git 远程进行身份验证”
- angular - @ionic/angular, Angular 13, typescript 和 ionicons 依赖冲突
- datatable - 如何使用 Primereact 在 Dataview 的列表视图中显示数据表
- c# - 我们能否在不损害其他客户数据的情况下为不同的客户使用单个 Azure 事件中心?
- python - 遍历列表以在数据框中创建具有出现计数的新列
- c - 在 TIVA 中同时按下 sw1 和 sw2 时打开 LED
- pandas - 在 Pandas 中:如何根据包含相同值的其他两个数据帧相同的列减去两个数据帧值
- python - 将列表值分配给字典python