Wie kann ich Commonmark.js verwenden?

Hier ist ein Zitat aus dem offiziellen Archiv:

Für die clientseitige Verwendung können Sie dies tun make dist um eine eigenständige JavaScript-Datei zu erstellen js/dist/commonmark.js, geeignet zum Verlinken auf eine Webseite oder zum Abrufen der neuesten Informationen von https://raw.githubusercontent.com/jgm/commonmark.js/master/dist/commonmark.js , oder bower install commonmark.

Zitierquelle: github.com/jgm/commonmark.js

Also habe ich die Datei commonmark.js auf meinen Desktop heruntergeladen und zusammen mit meiner Testdatei abgelegt:

test.html

<script src="commonmark.js"></script>
<script type="text/javascript" src="commonmark.js"></script>

# header

text

text

... funktioniert aber nicht.

Ich bin auf Windows. Ich habe sowohl in Chrome als auch in Firefox getestet. In den Chrome Developer Tools sind keine Fehler sichtbar.

Was mache ich falsch?

Das erwartete Verhalten ist, den formatierten Text zu sehen, wenn ich diese Datei im Browser öffne, wie in diesem Bild gezeigt

Ich möchte es nur für myselft Desktop verwenden. Mit anderen Worten, als Ersatz für Word. Öffnen Sie es mit Sublime Text, schreiben Sie etwas, öffnen Sie es in Chrome und sehen Sie das Ergebnis. Sowas wie Strapdown (strapdownjs.com). Vielleicht bin ich auf einem falschen Weg?

javascript markdown

— jsv
quelle

lesen über XY-Problem . Sie benötigen einen abschriftenbasierten Notizblock für sich selbst, fragen aber, wie Sie Commonmark.js verwenden sollen (und es ist auch nicht die richtige Website, um danach zu fragen). Wenn Sie bereits Sublime Text verwenden, gibt es bereits eine Lösung für Ihr Problem. Bitte bearbeiten Ihre Frage und beheben Sie es.

— gronostaj

@gronostaj, danke für den Kommentar! Ich weiß über das XY Bescheid. Was ich will, ist so etwas wie Strapdown . Mein Versuch (wie in der Frage beschrieben) ist also kein richtiger Weg, um dies zu erreichen?

— jsv

Strapdown ist ein Tool zum Bereitstellen von Markdown-Dokumenten von einem statischen HTTP-Server. Ich glaube nicht, dass du das willst. Ich denke, Sie möchten Dokumente in Markdown eingeben, vorzugsweise mit ST, und sie dann schön formatiert rendern. Ist das korrekt?

— gronostaj

Ehrlich gesagt sehe ich keinen Unterschied. Erster Schritt - Ich öffne die Strapdown-Datei (my-document.html) mit Sublime oder mit einem anderen Texteditor / IDE, egal, schreibe dort etwas, das als Markdown (# Header) formatiert ist. Und Schritt 2 - Ich öffne diese Datei erneut in Chrome. Als Ergebnis sehe ich das formatierte HTML im Browser. Wie ich vermutet habe, kann ich das gleiche Ergebnis erzielen, indem ich commonmark.js am Anfang der Datei hinzufüge. Vielleicht war es naiv ...

— jsv

Der Unterschied ist: man fragt nach X und es ist leicht lösbar; Der andere fragt nach Y, was nicht wirklich das ist, was Sie brauchen, und es ist schwieriger einzurichten, insbesondere, wenn Sie nicht wissen, dass JS und SOP es daran hindern, auf die trivialste Weise zu arbeiten. Wirklich, ich weiß, wie man X in drei Minuten löst, ich benutze es ziemlich oft. Aber du fragst nach Y und meine Antwort wäre inextrem, obwohl X genau das ist, was du wirklich brauchst.

— gronostaj

Was mache ich falsch?

Viele.

Das ist keine gültige HTML-Datei
- Sie benötigen einige HTML-Tags und Struktur (siehe unten)
- Sie rufen die Javascript-Bibliothek zweimal aus Gründen auf, die ich nicht ergründen kann.
Ihre Seite definiert kein TextArea, in das Personen Text eingeben können
Sie haben die Klasse nicht wie unter beschrieben instanziiert "Verwendungszweck"
- Sie müssen die anrufen parse Methode und übergeben Sie ihm den eingegebenen Text
- Sie müssen das Ergebnis des Aufrufs von anzeigen render Methode

Grundlegendes Beispiel für HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Testing CommonMark.js</title>
    <script src="commonmark.js" />
    <script>
       // use commonmark ...
    </script>
  </head>
  <body>

      forms, textareas etc

  </body>
</html>

Sehen

— RedGrittyBrick
quelle

Vielen Dank! "Ihre Seite definiert kein TextArea, in das Personen Text eingeben können." Ich will es nur für mich. Mit anderen Worten, als Ersatz für Word. Öffnen Sie es mit Sublime Text, schreiben Sie etwas, öffnen Sie es in Chrome und sehen Sie das Ergebnis.

— jsv

@jsv, OK, Ihre Seite definiert kein TextArea, in dem Sie kann Text eingeben . ... Ich vermute, Sie wollen wirklich Abschlag für erhabenen Text aber nicht die Frage gestellt, die Sie wirklich beantworten wollten. Das nennt man ein X-Y Problem

— RedGrittyBrick

Hmm ... ich bin kein absoluter Neuling mit HTML / CSS / JS, AsciiDoc und solchen Dingen. Ich arbeite sogar ein bisschen mit AngularJS ... Ehrlich gesagt verstehe ich nicht, warum ich einen Textbereich brauche. Ich werde Commonmark-Markups in Sublime Text schreiben, nicht in Textbereichen ... Mit anderen Worten, ich möchte so etwas wie Strapdown .

— jsv

@jsv, Sie benötigen eine Textquelle, die eine Datei anstelle einer TextArea sein kann. Meine erste Antwort hat Sie auf das TextArea-Tag hingewiesen, da Ihre Frage zu HTML gestellt wurde und keine Informationen zu einer externen Quelle des Texts enthielt. Es ist am besten, den Kontext in Ihrer Frage zu erläutern, wenn er sich direkt auf die Art der Antworten auswirkt, die Sie akzeptieren werden. In diesem Fall handelt es sich nur um ein geringfügiges Detail (fahren Sie mit Punkt 3 fort). Verwenden Sie einfach JS, um die Datei zu lesen (wahrscheinlich haben Sie hier Berechtigungsprobleme), und geben Sie diesen Text an die weiter parse Methode.

— RedGrittyBrick

Okay, die Antwort wurde bereits hochgestuft, ich werde es versuchen ... :-) Die hochgestufte Bewertung ist aufgrund meiner geringen Punktzahl möglicherweise nicht sichtbar. Es wird später sichtbar sein.

— jsv