Montag, Januar 27, 2020

Wie kommt man eigentlich verwenden Markdown mit Meteor

Arbeite ich an einem Projekt mit Meteor, und ich möchte es verwenden, markdown, und es war sehr schön zu sehen, dass es ist ein Paket, das zu tun, mit.

Also ich meteor Hinzugefügt showdown, es hat funktioniert, und jetzt kann ich etwas tun, wie

{{#markdown}}
    #This is a header

    this is a paragraph
{{/markdown}}

und es funktioniert Prima. Aber jetzt will ich eigentlich etwas mehr Interessantes drin. Erster Gedanke war die Synchronisierung mit einer textarea. Ich habe versucht, drei Dinge. Zuerst habe ich versucht, dieses:

$('.preview').html('{{#markdown}}'+$('#text').val()+'{{/markdown}}');

Wo .Album Vorhören ist ein div, dass ich möchte, um html zu zeigen, bis in, und #text ist die textarea, wo jemand tippt. Das funktioniert nicht, obwohl, es zeigt nur den {{#markdown}} und so.

Als Nächstes habe ich versucht, einfach das div so:

<div class="preview">
    {{#markdown}}

    {{/markdown}}
</div>

Und fügen Sie es mit:

$('.preview').html('#Is this an H1?');

oder

$('.preview').append('*is this italics?*');

Aber wieder, es zeigte einfach den text, nicht den html-Code.

Schließlich habe ich versucht, hart zu Kodieren Sachen in der markdown-Abschnitt, aber eben eindeutig nicht funktioniert hat. Dinge wie

<div class="preview">
    {{#markdown}}
        <div class="previewInner">

        </div>
    {{/markdown}}
</div>

oder

<div class="span6 preview">
    {{#markdown}}
        {{>innerPreview}}
    {{/markdown}}
</div>

Also im Grunde, ich habe versucht, alles, was ich denken kann und keiner es tut, was ich will. Ich habe versucht, ich habe paar mehr Sachen, aber ich denke, Sie bekommen die Idee. Wie soll ich das an?

Ist es ganz einfach: legen Sie einfach Ihre markdown-innen {{#markdown}} … {{/markdown}} – tags.

InformationsquelleAutor user1624005 | 2013-06-10

1 Kommentar

  1. 15

    Alles in markdown ist als „markdown“ – so stellen Sie sicher, dass Sie dies tun:

    {{#markdown}}{{>innerPreview}}{{/markdown}}

    Statt

    {{#markdown}}
        {{>innerPreview}}
    {{/markdown}}

    Den jquery würde nicht funktionieren, weil {{markdown}} gerendert wird vor dem DOM statt.

    Stattdessen eine Sitzung

    Template.hello.markdown_data = function() {return Session.get("markdown_data")});

    Dann Ihre Vorlage

    {{#markdown}}{{{markdown_data}}}{{/markdown}}

    Dann speichern Sie Ihre markdown-Dokument in

    Session.set("markdown_data","<your markdown data>");

    • Toll, das hat es mehr wie erwartet. Außer ich kann es nicht mehr zu machen, blockquotes. Tut Showdown haben alles, von der daringfireball.net/projects/markdown/syntax ?
    • wahrscheinlich nicht (github nicht), keinen Schaden heben einer pull-Anfrage, wenn Sie es wollen.
    • Sie können die markdown-Paket namens gekennzeichnet. Es scheint, um Unterstützung für die blockquotes. Es ist auf Atmosphäre: atmosphere.meteor.com/package/marked

Kostenlose Online-Tests