Marked.js 㧠Markdown をクライアントå´ã§ãƒ‘ースã—ã¦è¡¨ç¤ºã™ã‚‹ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ブラウザã§å‹•ãMarkdown editor - Nao Minami's Blog
vue.jsã®å…¬å¼ã‚µã‚¤ãƒˆã®exampleã«markdown editorã£ã¦ã„ã†ã®ãŒã‚ã£ã¦ã€ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã®æ§˜ã«ãŸã filterã«marked指定ã™ã‚‹ã ã‘ã§ã¡ã‚ƒã‚“ã¨å‹•ã„ã¦ã¦ã™ã”ã‹ã£ãŸã€‚ new Vue({ el: '#editor', data: { input: '# hello' }, filters: { marked: marked } }) htmlã‚‚ã“ã‚Œã ã‘ <div id="editor"> <textarea v-model="input"></textarea> <div v-html="input | marked"></div> </div> marked.jsã®marked関数をé©ç”¨ã—ã¦ã‚‹ã ã‘ãªã®ã§marked.jsãŒã™ã”ã„ã®ã‹ã‚‚ã ã‘ã©ã€æ„Ÿå‹•ã—ãŸã®ã§æ‰‹å…ƒã§ã‚‚å‹•ã‹ã—ã¦ã¿ãŸã€‚ 環境 例ã«ã‚ˆã£ã¦ã€yoã®webappを使ã†ã€‚ bowerã§vue.jsã¨marked.jsã‚’in
JavaScript - Markdownパーサーã®showdown.jsã€markdown-jsã€markedã‚’ç°¡å˜æ¯”較 - ã¼ã£ã¡å‹‰å¼·ä¼š
主ã«æ¯”較ã—ãŸã„ã“㨠使ã„æ–¹ 変æ›çµæžœã®è¦‹ãŸç›®ã®å°è±¡ table記法を解釈ã§ãる㋠コードブãƒãƒƒã‚¯ã®è§£é‡ˆ 動作確èªã®å‰æ Markdownã¯Quick Markdown Exampleã‹ã‚‰ä¸€éƒ¨å¼•ç”¨ã—ã¦ã„ã¾ã™ 使用ã—ãŸãƒ†ã‚ストã¯Gistã«ç½®ã„ã¦ãŠãã¾ã™ CSSã¯Twitter Bootstrapを使ã£ã¦ã„ã¾ã™ クライアントã§ä½¿ã†å ´åˆã‚’想定ã—ã¦ã„ã¾ã™(=node.jsã§ã®ä½¿ç”¨ä¾‹ã§ã¯ãªã„) HTMLã¯ã©ã‚Œã‚‚次ã®ã‚³ãƒ¼ãƒ‰ã‚’基本ã¨ã—ã¦ã„ã¾ã™ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link href="bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div id="content">hoge</div> </di
highlight.js
The Internet's favorite JavaScript syntax highlighter supporting Node.js and the web. 192 languages and 498 themesAutomatic language detectionWorks with any HTML markupZero dependenciesCompatible with any JS frameworkSupports Node.js and DenoCurrent release: 11.9.0 #!/bin/bash ###### CONFIG ACCEPTED_HOSTS="/root/.hag_accepted.conf" BE_VERBOSE=false if [ "$UID" -ne 0 ] then echo "Superuser rights r
ソースコードをãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹è»½é‡ãƒ©ã‚¤ãƒ–ラリã€Highlight.jsã®ä½¿ã„æ–¹
ソースコードをãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦è¦‹ã‚„ã™ã表示ã™ã‚‹ã«ã¯ã€Highlight.jsãŒã€è»½é‡ã§ãƒã‚°ã‚‚ãªãã€ãŠå‹§ã‚ã§ã™ã€‚
RSS Parser::Tutorial.ja
$Id: Tutorial.ja 325 2007-09-09 10:18:31Z kou $ æ³¨æ„ RSS Parserã¯RSS 0.9x/1.0/2.0をサãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ãŒï¼ŒRSS 0.90 ã¯ã‚µãƒãƒ¼ãƒˆã—ã¦ã¾ã›ã‚“．ã”ã‚ã‚“ãªã•ã„． Atom・Podcast用モジュール（itunes:XXXè¦ç´ ）を使ã„ãŸã„å ´åˆã¯ 0.1.8以é™ã‚’使ã£ã¦ãã ã•ã„。 Slashモジュール（slash:XXXè¦ç´ ）を使ã„ãŸã„å ´åˆã¯0.2.0以é™ã‚’ 使ã£ã¦ãã ã•ã„。 require 0.1.4以å‰ã¯ã„ã‚ã„ã‚requireã—ãªã„ã¨ã„ã‘ãªã‹ã£ãŸã‚“ã§ã™ãŒï¼Œ 0.1.5ã‹ã‚‰ã¯ä»¥ä¸‹ã®ã²ã¨ã¤ã®requireã§ã‚ˆããªã‚Šã¾ã—ãŸï¼Ž require 'rss' パース フィードをパースã—ãŸã„å ´åˆã¯RSS::Parserクラスを使ã„ã¾ã™ã€‚ RSS::Parser.parseã¯ãƒ•ã‚£ãƒ¼ãƒ‰ã®æ–‡å—列，ファイルåã¾ãŸã¯URIオブ ジェクトをパ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã¡ã‚‡ã€œã€ç°¡å˜ã«Javascriptを使ã£ã¦URLをパースã™ã‚‹ã€‚ - Qiita
GitHub - markedjs/marked: A markdown parser and compiler. Built for speed.
{{#tags}}- {{label}}
{{/tags}}