Question

contentEditable仍然有许多浏览器不兼容，但我想我会试一试，并且正在我正在开发的Web应用程序中使用它。在使用它时，我发现了一些可以通过execCommand调用的选项。 contentEditable for Firefox允许你调用

document.execCommand("increasefontsize",bool,value);

和

document.execCommand("decreasefontsize",bool,value);

将字体大小更改一个点。大多数其他主流浏览器，特别是WebKit不支持此功能，而是必须设置特定的字体大小。有没有办法解决这个/ hack在WebKit中增加字体大小的工作？或者有没有办法选择，获得当前文本的大小？

任何帮助都将不胜感激。

Answer 1

jwysiwyg似乎使用以下代码：

if ($.browser.mozilla || $.browser.opera) {
    this.editorDoc.execCommand('increaseFontSize', false, null);
} else if ($.browser.safari) {
    var newNode = this.editorDoc.createElement('big');
    this.getInternalRange().surroundContents(newNode);
} else {
    console.error("Internet Explorer?");
}

jHtmlArea似乎使用以下代码：

if ($.browser.msie) {
    this.ec("fontSize", false, this.qc("fontSize") + 1)
} else if ($.browser.safari) {
    this.getRange().surroundContents($(this.iframe[0].contentWindow.document.createElement("span")).css("font-size", "larger")[0])
} else {
    this.ec("increaseFontSize", false, "big")
}

很抱歉，但我无法找到上述任何一种的确切链接。

有没有办法在webKit中的contentEditable div中增加字体大小？

1 个答案: