contentEditable верхний индекс и нижний индекс в Chrome

Каждая из следующих команд форматирования DHTML отлично работает с div с contentEditable=true в IE, Firefox и Chrome:

document.execCommand("superscript", false, null);
document.execCommand("subscript", false, null);

Однако повторный вызов команды для удаления форматирования не действует в Chrome.

Я что-то упустил или это ошибка в Chrome?


google-chrome contenteditable superscript subscript
person Petrus Theron    schedule 05.03.2011    source источник
comment
У меня работает для простых случаев, которые я пробовал. Не могли бы вы опубликовать тестовый пример?   -  person Tim Down    schedule 06.03.2011
comment
Хм, должен быть конфликт в моей реализации спагетти-кода. Тест на jsFiddle работает.   -  person Petrus Theron    schedule 06.03.2011
comment
Я получаю то же самое при попытке удалить верхний индекс с помощью Redactor wysiwyg с пользовательской кнопкой. Однако он работает в базовом контенте. Настоящий головорез.   -  person Michael Bylstra    schedule 13.12.2012

Ответы (1)


arrow_upward
7
arrow_downward

У меня была аналогичная проблема. Для меня проблема была связана с некоторой «нормализацией» CSS, изменяющей vertical-align: baseline для тегов sup и sub. Переопределение этого CSS и установка sub на vertical-align: sub и sup на vertical-align: super исправили это.

person Jonathan B    schedule 06.05.2014
comment
Отличный улов, который, несомненно, сэкономил мне много часов работы, пытаясь понять, что WTF было неправильным. - person Puppy; 15.04.2015