javascript - 获取 CKEDITOR 5 中突出显示/选定的文本

标签 javascript jquery ckeditor ckeditor5

我有我的内联CKeditor

let globalEditor;

InlineEditor.create(document.querySelector("#textarea"), {
        toolbar: {
            items: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'undo', 'redo']
        }
}).then(editor => {
        globalEditor = editor;
}).catch(err => {
    console.error(err.stack);
});

我还有一个按钮,应该可以在 ckeditor 中获取突出显示/选定的文本

 $("#btnAddTag").click(function (e) {
        e.preventDefault();
        var editor = globalEditor;

        var getText = editor.getSelection().getNative(); //I tried this but the *getSelection* is undefined
 });

有什么建议吗?

最佳答案

问题已经解决

const editor = globalEditor;
const selection = editor.model.document.selection;
const range = selection.getFirstRange();

for (const item of range.getItems()) {
    console.log(item.data) //return the selected text
}  

关于javascript - 获取 CKEDITOR 5 中突出显示/选定的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57196777/

相关文章:

javascript - loadData() 返回空数组

django - 使用 Django CKeditor,如何在不同的字段上加载不同的工具栏?

javascript - 更新项目数组中的单个值 | react 减少

javascript - pjax 请求一触发就将状态更改为已取消

jquery - 允许用户隐藏打印样式

javascript - IE 低于 11,jquery Easydropdown 不选择下拉列表中的最后一项

ruby-on-rails-4 - 使用 CKEditor gem、Paperclip Rails 4 在 UI 中没有图像上传功能

javascript - 编辑器 : Attache "keydown" event after SetData?

javascript - 使用 javascript 将任何人的文件上传到我的谷歌驱动器

javascript - 在选中多个复选框之前禁用提交按钮