html 有意思的数学元素?

x6h2sr28  于 2023-05-27  发布在  其他
关注(0)|答案(3)|浏览(75)

我知道我们可以创建contentEditable pdivspan等........
但是如何创建一个contentEditable math元素,比如:

<math contenteditable>
.....
</math>
p8h8hvxi

p8h8hvxi1#

contenteditable属性是HTML的一部分,因此不期望它在MathML标记上工作,测试表明也是如此。
在HTML中使用MathML时,可以将math元素 Package 在可编辑的HTML容器中,比如<div contenteditable><math ...>...</math></div>。但是,虽然这使文本可编辑,但它似乎只能作为文本进行编辑。比如说,当你有<mi>A</mi>,你在浏览器中通过用B替换A进行编辑时,它在文档树中就变成了B,一个没有标记的字符(因此以直立样式出现,而不是斜体)。
所以基本上答案似乎是“不”。

lvmkulzt

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就是你的叔叔。:—)

dsf9zpds

dsf9zpds3#

在这里,您将了解给定内容的可编辑元素
Content Editable in HTML 5
也检查相同的代码
希望这一个你需要。

相关问题