contentEditeable和document.execCommand的问题('粗体',..)

时间:2015-04-14 09:46:14

标签: javascript jquery html5 dom

我允许在我的博客页面上使用以下代码进行一些小型内联编辑:

BlogEditor.prototype.applyBindings = function(argument){
    var makeBoldProxy = $.proxy(this.makeBold, this);
    var enableEditingProxy = $.proxy(this.enableEditing,this);
    this.boldButton.bind('click', makeBoldProxy);
    this.enableEditingButton.bind('click', enableEditingProxy);
};

BlogEditor.prototype.enableEditing = function(argument){
    $('#blogContent *').attr('contenteditable','true');
    this.isEditing = true;
    this.toggleControls();
};

BlogEditor.prototype.makeBold = function(argument){
    if(!this.isEditing){
        return;
    }
    document.execCommand ('bold', false, null);
};

调用makeBold statemtent(在本地我有一些日志要检查)。

问题所选文字未变为粗体。任何想法为什么这不起作用?

问题似乎是html5,我意识到功能完美无缺,但浏览器不再以粗体显示标签..

1 个答案:

答案 0 :(得分:0)

您使用的是什么网络浏览器?

看看这个页面,这适用于chrome / firefox / safari:

https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand