我知道我们可以创建contentEditable p,div,span等........但是如何创建一个contentEditable math元素,比如:
p
div
span
math
<math contenteditable> ..... </math>
p8h8hvxi1#
contenteditable属性是HTML的一部分,因此不期望它在MathML标记上工作,测试表明也是如此。在HTML中使用MathML时,可以将math元素 Package 在可编辑的HTML容器中,比如<div contenteditable><math ...>...</math></div>。但是,虽然这使文本可编辑,但它似乎只能作为文本进行编辑。比如说,当你有<mi>A</mi>,你在浏览器中通过用B替换A进行编辑时,它在文档树中就变成了B,一个没有标记的字符(因此以直立样式出现,而不是斜体)。所以基本上答案似乎是“不”。
contenteditable
<div contenteditable><math ...>...</math></div>
<mi>A</mi>
lvmkulzt2#
至少在Chromium浏览器中还有另一种选择。仍然不清楚规范到底需要什么或不禁止什么,但这对我来说就像一个魅力。
<math display="block"> <mrow> <munderover> <mo>∑</mo> <mrow> <mi><span contenteditable>n</span></mi> <mo>=</mo> <mn><span contenteditable>1</span></mn> </mrow> <mrow> <mo><span contenteditable>+</span></mo> <mn><span contenteditable>∞</span></mn> </mrow> </munderover> <mfrac> <mn><span contenteditable>1</span></mn> <msup> <mi><span contenteditable>n</span></mi> <mn><span contenteditable>2</span></mn> </msup> </mfrac> </mrow> </math>
在上面加上一点javascript来满足你的需要,Bob就是你的叔叔。:—)
dsf9zpds3#
在这里,您将了解给定内容的可编辑元素Content Editable in HTML 5也检查相同的代码希望这一个你需要。
3条答案
按热度按时间p8h8hvxi1#
contenteditable
属性是HTML的一部分,因此不期望它在MathML标记上工作,测试表明也是如此。在HTML中使用MathML时,可以将
math
元素 Package 在可编辑的HTML容器中,比如<div contenteditable><math ...>...</math></div>
。但是,虽然这使文本可编辑,但它似乎只能作为文本进行编辑。比如说,当你有<mi>A</mi>
,你在浏览器中通过用B替换A进行编辑时,它在文档树中就变成了B,一个没有标记的字符(因此以直立样式出现,而不是斜体)。所以基本上答案似乎是“不”。
lvmkulzt2#
至少在Chromium浏览器中还有另一种选择。
仍然不清楚规范到底需要什么或不禁止什么,但这对我来说就像一个魅力。
在上面加上一点javascript来满足你的需要,Bob就是你的叔叔。:—)
dsf9zpds3#
在这里,您将了解给定内容的可编辑元素
Content Editable in HTML 5
也检查相同的代码
希望这一个你需要。