内容可编辑 Chrome 中的上标和下标答案

【问题标题】：contentEditable superscript & subscript in Chrome内容可编辑 Chrome 中的上标和下标
【发布时间】：2011-07-09 08:38:17
【问题描述】：

在 IE、Firefox 和 Chrome 中，以下 DHTML 格式化命令都可以在带有 contentEditable=true 的 div 上正常工作：

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

但是，再次调用该命令以删除格式在 Chrome 中无效。

是我遗漏了什么还是 Chrome 中的错误？

【问题讨论】：

适用于我尝试过的简单案例。你能发布一个测试用例吗？
嗯，我的意大利面条代码实现中一定有冲突。 Test on jsFiddle 工作。
在尝试使用带有自定义按钮的 Redactor 所见即所得删除上标时，我得到了同样的结果。然而，它确实适用于基本的内容可编辑。一个真正的挠头。

标签： google-chrome contenteditable superscript subscript

【解决方案1】：

我遇到了类似的问题。对我来说，问题是由于一些“规范化” CSS 改变了 sup 和 sub 标签的 vertical-align: baseline。覆盖该 CSS 并将 sub 设置为 vertical-align: sub 并将 sup 设置为 vertical-align: super 修复了它。

【讨论】：

出色的捕获无疑为我节省了很多时间来试图找出 wtf 是错误的。