我正在开发 CKEditor 中的自定义链接生成器。我想做的是获取用户选择的html。我尝试了很多东西,我的最后一个功能是
function getTheHtml(editor) {
var selection = editor.getSelection();
if (selection.getType() == CKEDITOR.SELECTION_ELEMENT) {
var selectedContent = selection.getSelectedElement().$.outerHTML;
} else if (selection.getType() == CKEDITOR.SELECTION_TEXT) {
if (CKEDITOR.env.ie) {
selection.unlock(true);
selectedContent = selection.getNative().createRange().text;
} else {
selectedContent = selection.getNative();
}
}
return selectedContent;
}
这工作得很好但我仍然有问题,如果用户选择文本它工作,如果他选择一个图像它工作但是当用户选择一个图像加上一些文本时,我只得到例如文本这是用户真正选择的
<img align="" alt="" border="0" class="donotlink" hspace="5" src="image/pic.jpg" vspace="5" />Some Random Text
这就是我从我的功能中得到的
Some Random Text
我也尝试过这样做:
function getSelectionHtml(editor) {
var sel = editor.getSelection();
var ranges = sel.getRanges();
var el = new CKEDITOR.dom.element("div");
for (var i = 0, len = ranges.length; i < len; ++i) {
el.append(ranges[i].cloneContents());
}
return el.getHtml();
}
但随后它选择了第一个最近的节点,当我尝试用“a”标签包装选择时,我无法包装用户首先选择的内容
我知道这一直是一个常见的话题,但因为我没有找到解决方法......在此先感谢。