j-MarkdownPreview

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Αυτό το συστατικό εξαρτάται από το συνιστώμενο j-Markdown. Χρησιμοποιεί τη βιβλιοθήκη highlight.js για την ανάλυση σύνθεσης.

Υποστηρίζει το Syntax
Υποστηρίζει το YouTube, το Vimeo και τα προσαρμοσμένα iframes
Υποστηρίζει την εκπομπή γραμμών και γραμμωνίων μέσω του ApexCharts

ΕΠΙΤΡΟΦΗ:

showsecret {String} μια ετικέτα για την προβολή του μυστικού (προεπιλεγμένη: Show secret data)
hidesecret {String} μια ετικέτα για να κρύψει το μυστικό (προεπιλεγμένη: Hide secret data)
Το html {Boolean} προετοιμάζει εσωτερικό HTML (αυτός αναμένει την αναπαραγωγή Markdown) με τα εργαλεία Markdown (syntax, μυστικά, συνδέσμους κλπ.)
headlines {String} ένας σύνδεσμος με τη μέθοδο method(headlines) θα εκτελεστεί όταν οι τίτλοι θα διαχωριστούν ως ταχείς σημειώσεις

Προσαρμοσμένες μέθοδοι:

Το component.readingtime() επιστρέφει περίπου χρόνο ανάγνωσης σε λεπτά
Το component.redraw(jquery_el) εφαρμόζει τον συνθετικό φωτισμό, τα iframes και τα γράμματα για το στοιχείο el

Χρησιμοποιήστε το με <ui-component name="markdownpreview">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

example.html

<ui-component name="markdown"></ui-component>
<ui-component name="markdownpreview" path="markdown"></ui-component>

<script>
	var markdown = '# Hello world\n\Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius, illo.\n\n```javascript\nalert(\'Markdown Preview\');\n```';
</script>