开源软件名称(OpenSource Name):ryanflorence/render-markdown-javascript开源软件地址(OpenSource Url):https://github.com/ryanflorence/render-markdown-javascript开源编程语言(OpenSource Language):JavaScript 100.0%开源软件介绍(OpenSource Introduction):Render Markdown JavaScriptRenders markdown files to HTML with highlighted code blocks BUT ALSO RENDERS THE JAVASCRIPT ONES. Why?I've got a bunch of little JavaScript UI libs that don't need much more than a README.md for documentation, but a demo is worth a thousand README.md's, so I'd like the code in the README.md to actually render in a browser. Also great so people can copy/paste from the docs and know that it runs. How?Write normal markdown but for code fence blocks you want to have render in the browser also, use the "render" or "render-babel" language. Github markdown hates code fenced blocks inside of code fenced blocks, so I don't have an example here, look at the demo.md How do I get JavaScript and CSS onto the page?With <script src="https://unpkg.com/react@15.6.1/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15.6.1/dist/react-dom.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css"/>
<style>body { color: red }</style>
# Then markdown as usual... You can place your scripts at the bottom of the markdown file to prevent blocking your content from rendering, all scripts are run after Also check out the demo.md file from the screenshot. Does it babel?Yes, first include babel standalone at the top of your markdown file and then use the How Do I Attach Stuff to the DOM?There will be a variable called CLI Usagenpm install render-markdown-js
render-markdown-js ./some-file.md > output.html Node API Usageconst rmj = require('render-markdown-js')
const html = rmj('#string of markdown') OptionsThere are none. Copy, paste, tweak. Enjoy!Please enjoy! |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论