ckeditor复制html样式丢失,Ckeditor选择html无法正常使用铬浏览器

Iam在mvc应用程序中使用并使用ckeditor 3.6.2版本。我用下面的代码从ckeditor中获取选定的html。Ckeditor选择html无法正常使用铬浏览器

CKEDITOR.editor.prototype.getSelectedHtml = function() {

if (CKEDITOR.env.ie) {

this.focus();

selection = this.getSelection();

} else {

selection = this.getSelection();

}

if (selection) {

var bookmarks = selection.createBookmarks(),

range = selection.getRanges()[0],

fragment = range.clone().cloneContents();

selection.selectBookmarks(bookmarks);

var retval = "",

childList = fragment.getChildren(),

childCount = childList.count();

for (var i = 0; i < childCount; i++) {

var child = childList.getItem(i);

console.log(child);

retval += (child.getOuterHtml ?

child.getOuterHtml() : child.getText());

}

return retval;

}

};

我在Chrome浏览器中的一个问题,当我选择了文本,并调用CKEDITOR.instances.editor1.getSelectedHtml()。

例如,假设在我的编辑器中有一个内容。如果我选择“Welcome Note”并调用getSelectedHtml()方法firefox,safari,IE8会返回带有span标记的“Welcome Note”,但chrome只返回文本“Welcome Note”。如果Iam尝试使用CKEDITOR.instances.editor1.insertHtml(“< div style ='font-size:12px'>”+ CKEDITOR.instances.editor1.getSelectedHtml()+“

”)替换所选内容,在铬我失去了字体颜色,因为getSelectedHtml()只返回选定的文本。但是,这对其他浏览器正常工作。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值