Есть ли способ увеличить размер шрифта в div contentEditable в webKit? - PullRequest
Новая
       17

Есть ли способ увеличить размер шрифта в div contentEditable в webKit?

1 голос
/ 01 декабря 2011

contentEditable по-прежнему имеет много несовместимостей с браузерами, но я решил, что попробую и использую его в веб-приложении, которое я разрабатываю.Работая с ним, я нашел несколько вариантов, которые можно вызывать через execCommand.contentEditable для Firefox позволяет вам вызывать 

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

и 

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

, чтобы изменить размер шрифта на одну точку.Большинство других основных браузеров, в частности, WebKit, не поддерживают это, и вместо этого вам нужно установить определенный размер шрифта.Есть ли способ обойти это / взломать, чтобы увеличить размер работы в WebKit?Или есть ли способ при выделении, получить размер текущего текста?

Любая помощь будет оценена.

1 Ответ

2 голосов
/ 01 января 2013

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")
}

Извините, но я не могу найти точные ссылки ни для одной извыше.

...