- ×
Client-side markdown generator
Filed under miscellaneousShow AllreMarked.js
client-side HTML > markdown (MIT Licensed)
Intro
A project similar to Markdownify but executed on the client. The ultimate goal is integration with existing WYSIWYG html editors (eg: Redactor, TinyMCE, CKeditor, Loki, CLeditor) to produce Markdown output. There are currently no WYSIWYG editors for markdown, only WYSIWYM, which still require knowledge of markdown syntax and its many quirky flavors.
Demo: http://leeoniya.github.io/reMarked.js/
Usage
// optional options w/defaults var options = { link_list: false, // render links as references, create link list as appendix h1_setext: true, // underline h1 headers h2_setext: true, // underline h2 headers h_atx_suf: false, // header suffixes (###) gfm_code: "```", // gfm code blocks trim_code: true, // trim whitespace within <pre><code> blocks (full block, not per line) li_bullet: "*", // list item bullet style hr_char: "-", // hr style indnt_str: " ", // indentation string bold_char: "*", // char used for strong emph_char: "_", // char used for em gfm_del: true, // ~~strikeout~~ for <del>strikeout</del> gfm_tbls: true, // markdown-extra tables tbl_edges: false, // show side edges on tables hash_lnks: false, // anchors w/hash hrefs as links br_only: false, // avoid using " " as line break indicator col_pre: "col ", // column prefix to use when creating missing headers for tables nbsp_spc: false, // convert entities in html to regular spaces span_tags: true, // output spans (ambiguous) using html tags div_tags: true, // output divs (ambiguous) using html tags unsup_tags: { // handling of unsupported tags, defined in terms of desired output style. if not listed, output = outerHTML // no output ignore: "script style noscript", // eg: "<tag>some content</tag>" inline: "span sup sub i u b center big", // eg: "\n\n<tag>\n\tsome content\n</tag>" block2: "div form fieldset dl header footer address article aside figure hgroup section", // eg: "\n<tag>some content</tag>" block1c: "dt dd caption legend figcaption output", // eg: "\n\n<tag>some content</tag>" block2c: "canvas audio video iframe" }, tag_remap: { // remap of variants or deprecated tags to internal classes "i": "em", "b": "strong" } }; var reMarker = new reMarked(options); var markdown = reMarker.render(document.body);