我自己的WYSIWYG编辑器

Question

我正在尝试编写自己的编辑器而且我坚持选择部分。简化版本在这里：

http://jsfiddle.net/x230ddh7/ 这个功能不好的事情：

        WYSIWYG.prototype.restoreSelection = function() {
        var selection = window.getSelection();
        if (this.selectedRange) {
            try {
                selection.removeAllRanges();
            } catch (ex) {
                document.body.createTextRange().select();
                document.selection.empty();
            }
            selection.addRange(this.selectedRange);
        } 
        if (!selection.toString()){
            var range = document.createRange();
            range.selectNodeContents(this.editor[0]);
            selection.removeAllRanges();
            this.selectedRange = range; 
            selection.addRange(this.selectedRange);
        }
    };

我的问题是如何制作：  1.当用户选择一些文本并单击B时 - 此文本变为粗体。  2.当用户选择任何内容并单击B时 - p中的所有文本都变为粗体。

任何人都可以帮忙吗？