Nicht zum Rendern von MathML-Inhalte in Google Chrome

Habe ich einige MathML-Inhalte in HTML-Seite und die Seite braucht zum Rendern in Google Chrome über eine HTTPS-Verbindung. Also habe ich versucht zu verfolgen den Ansatz, sagte in dem folgenden link,

Anzeige von Mathml-Gleichungen

aber es hat nicht funktioniert (ich kopierte den script in meine HTML-Seite). Dann habe ich versucht zu installieren, das MathJax-plugin für chrome als Erweiterung für Google Chrome. Das schien zu machen einige von MathML in meiner Datei, aber für einige ich bekam eine Fehlermeldung. Ich fand, dass MathJax gerendert werden können Presentation MathML-Inhalte, kann aber nicht Rendern Content-MathML-Inhalt (ich habe beide Arten von Inhalt in meine Seite). Auch ist es nicht die Arbeit über HTTPS-Verbindung. Es wird sehr hilfreich sein, wenn ich einige workarounds um dieses problem zu lösen.

Grüße,
Anirban

InformationsquelleAutor Anirban | 2015-04-16
  1. 11

    Die Frage im OP ist etwas veraltet und beschreibt, wie man MathML in xhtml (nicht html, weil das war eigentlich nicht gültig damals). Mit HTML5 ist es viel einfacher MathML.

    Chrome nicht unterstützt MathML, so benötigen Sie ein polyfill. MathJax gerendert werden können, sowohl in Darstellung und Inhalt MathML; siehe die entsprechende Dokumentation in http://docs.mathjax.org/en/latest/mathml.html.

    Jedoch, der Autor braucht, um zu konfigurieren, MathJax richtig zu tun. FYI, plugins im Chrome-store gemacht werden, durch Dritte; auch MathJax funktioniert über https nur gut, wenn richtig gemacht.

    Unten ist ein Beispiel, das zeigt, wie damit alle MathML-MathJax Funktionen bieten können, darunter die mml3.js Erweiterung für experimentelle features.

    HTML:

    <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Fullest MathML support using MathJax</title>
  <script>window.MathJax = { MathML: { extensions: ["mml3.js", "content-mathml.js"]}};</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=MML_HTMLorMML"></script>
</head>
<body>
  <math display="block"> 
    <apply> 
      <plus/> 
      <ci>a</ci> 
      <apply> 
        <minus/> 
        <ci>b</ci> 
        <ci>c</ci> 
      </apply> 
    </apply> 
  </math> 
  <math display="block">
    <mrow>
      <mi>a</mi>
      <mo>+</mo>
      <mrow>
        <mi>b</mi>
        <mo>-</mo>
        <mi>c</mi>
      </mrow>
    </mrow>
  </math>

</body>
</html>

    • Mit dieser Methode kein Fehler ist immer geworfen, aber viele der Inhalte kommen als "nichts". Wie die Gleichung "1+2=" kommt als "1none+none2none none ="
    • auch mml3 ist noch experimentell, kann Sie freundlich darauf hin mir nichts, die können in der Produktion eingesetzt werden? Es wäre wirklich sehr hilfreich.
    • Auch muss ich laufen, das gleiche in Chrome und Safari, die Inhalte werden immer korrekt angezeigt, in Safari, wird Sie betroffen sein, nach dem hinzufügen dieser Erweiterungen?
    • Für deinen ersten Kommentar, kann ich nicht viel sagen, ohne einige code-Beispiele. Für die zweite, die Sie nicht brauchen, die mml3.js -Erweiterung. Für die Dritte, MathJax unterstützt alle Browser und Plattformen, die gleichermaßen also ja es sollte funktionieren.
    • Ich habe aktualisiert die Antwort da cdn.mathjax.org nähert sich seinem Ende-von-Leben, cf. mathjax.org/cdn-shutting-down.
    • Es wäre besser, das Skript nur in Chrome/Edge, da Firefox MathML nativ. (Safari nicht getestet.)

    InformationsquelleAutor Peter Krautzberger
  2. 3

    Dies funktionierte wirklich gut für mich, wenn ich war in einer ähnlichen situation..

    Fügen Sie diese Skripts in der <head>

    <script type="text/x-mathjax-config">MathJax.Hub.Config({
  config: ["MMLorHTML.js"],
  jax: ["input/TeX","input/MathML","output/HTML-CSS","output/NativeMML"],
  extensions: ["tex2jax.js","mml2jax.js","MathMenu.js","MathZoom.js"],
  TeX: {
    extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]
  }
});</script>
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/2.0-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

    Dann,

    fügen Sie diese <script> nach der Schließung der <body> tag

    <script type="text/javascript">
  MathJax.Hub.Configured()
</script>

    Sehen die Dokumentation

    oder

    können Sie sehen, dieses wunderbare Beispiel.. https://math.stackexchange.com/ .. Überprüfen Sie die Quelle der Mathematik.stackexchange..Es ist wirklich hilfreich..

    UPDATE

    Siehe Seite 54 in diesem link..Es sagt

    MathJax unterstützt die MathML3.0 Mathematik-tags, mit einigen
    Einschränkungen. Die MathML-Unterstützung ist noch in der aktiven Entwicklung, so
    einige tags werden noch nicht implementiert, und einige Funktionen werden nicht voll
    entwickelt, aber kommen. Die Mängel sind:

    • Keine Unterstützung für
    Ausrichtung der Gruppen in Tabellen.

    • Nicht alle Attribute unterstützt werden
    Tabellen. E. g., columnspan und rowspan sind noch nicht implementiert.

    •Experimentelle Unterstützung für den elementar-math-tags: mstack, mlongdiv,
    msgroup, msrow, mscarries, und mscarry. (Über die mml3 Erweiterung finden
    unten.)

    • Experimentelle Unterstützung für bidirektionale Mathematik.

    • Ich habe versucht, es zu tun auf diese Weise, einige der Inhalte wurden korrekt wiedergegeben, aber für einige, ich erhalte die folgende Fehlermeldung Unbekannter Knoten Typ: mstack
    InformationsquelleAutor Lal
  4. 0

    Scheint es, dass es möglich ist zum Rendern von MathML-innen Chrom-mit der Hilfe von CSS und der Einsatz von HTML5, d.h. eine Chrome-version unterstützt, dass unbekannte tags.

    Als ein experiment, darunter auch einige baby-Schritt hantieren mit contenteditable="true" testen von HTML5-Editierung, ich war mit diesem CSS hier:

    https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/test-mathml-css

    Chrom Beispiel ohne CSS:

    Nicht zum Rendern von MathML-Inhalte in Google Chrome

    Chrome-Beispiel mit den CSS:

    Nicht zum Rendern von MathML-Inhalte in Google Chrome

    Quellcode-Dateien sind hier:

    https://gist.github.com/jburse/fb43afd01048feac7028b5642817af0a#file-mathml-html

    InformationsquelleAutor j4n bur53
Schreibe einen Kommentar