javascript - 将光标定位在ckeditor中的标签内

Question

我正在尝试创建一个自定义标签，并将光标设置在开始标签和结束标签之间。这样的内容: [youtube] {cursor_here} [/ youtube] 。

到目前为止，我有这样的事情:

            var selectedText = editor.getSelection().getNative(); 
            if(selectedText === null ){
                //ToDo: add youtube tag with cursor positioned in the middle
            } else {
                var openTag = '[youtube]';
                var closeTag = '[/youtube]<br />';
                editor.insertHtml(openTag + selectedText + closeTag);
            }

我还尝试了 editor.insertElement的方法，但是我无法使用自定义标签解决它。

其背后的想法是让用户在按下插入标签的自定义按钮后准备粘贴链接(例如youtube链接)。没有外部对话框。

Answer 1

使用this post找到了解决方案

看起来像这样:

            var sel = editor.getSelection();
            var ranges = sel.getRanges();
            var inserted = ranges[0].startContainer.getNext();
            ranges[0].setStart(inserted, 9);
            ranges[0].setEnd(inserted, 9);
            sel.selectRanges([ranges[0]]);