我的 WYSIWYG 编辑器有问题，它在 FF 中有效，但在 Chrome 中无效 :(
这是代码：
$.fn.textEdit = function(){
return this.each(function(){
var $this = $(this), $div = $('<div class="textEdit"></div>');
var $buttonObserve = function(cmd,b,val){
document.execCommand('styleWithCSS', 0, false);
document.execCommand(cmd, b||false, val||null);
};
$this.before($div);
$this.attr({contentEditable:true})
$($div).append(
$('<div/>').addClass('textEditBold').text('F').attr('title','Fett')
.click(function(){ $buttonObserve('bold') })
).append(
$('<div/>').addClass('textEditItalics').text('K').attr('title','Kursiv')
.click(function(){ $buttonObserve('italic') })
).append(
$('<div/>').addClass('textEditUnderline transparent').text('_').attr('title','Unterstrich').css('background', 'url(data:image/gif;base64,R0lGODlhFgAWAKECAAAAAF9vj////////yH5BAEAAAIALAAAAAAWABYAAAIrlI+py+0Po5zUgAsEzvEeL4Ea15EiJJ5PSqJmuwKBEKgxVuXWtun+DwxCCgA7) no-repeat 0 1px')
.click(function(){ $buttonObserve('underline') })
).append(
$('<div/>').addClass('delete').text('Deactivate-Edit').attr('title','Stop-Edit')
.click(function(){ $this.parents('#page2').find('.editable').removeClass('editable').removeAttr('contentEditable');
$this.parents('#page2').find('.textEdit').remove('.textEdit'); })
);
});
};
如果用户单击 p、div 元素等，此功能将被激活，它将创建 4 个按钮，用于制作文本：粗体、斜体、下划线、或删除按钮。
问题是：如果我选择文本并按下按钮，什么也没有发生，只有删除按钮有效。
我认为 Chrome 不接受我选择的文本。
我希望你们能帮助我！:)