ブラウザã§å‹•ãMarkdown editor - Nao Minami's Blogvue.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
{{#tags}}- {{label}}
{{/tags}}