feat: editor preview emoji + task lists

This commit is contained in:
NGPixel
2018-02-25 01:28:26 -05:00
parent a3948c7f45
commit 5e8dfcc2ea
4 changed files with 21 additions and 8 deletions

View File

@@ -111,6 +111,8 @@ import 'codemirror/addon/search/match-highlighter.js'
// Markdown-it
import MarkdownIt from 'markdown-it'
import mdEmoji from 'markdown-it-emoji'
import mdTaskLists from 'markdown-it-task-lists'
import Prism from '../libs/prism/prism.js'
const md = new MarkdownIt({
@@ -122,6 +124,8 @@ const md = new MarkdownIt({
return `<pre class="line-numbers"><code class="language-${lang}">${str}</code></pre>`
}
})
.use(mdEmoji)
.use(mdTaskLists)
export default {
components: {
@@ -131,7 +135,7 @@ export default {
return {
fabMainMenu: false,
fabInsertMenu: false,
code: '# Header 1\n\nSample **Text**\nhttp://wiki.js.org\n\n## Header 2\nSample Text\n\n```javascript\nvar test = require("test");\n\n// some comment\nconst foo = bar(\'param\') + 1.234;\n```',
code: '# Header 1\n\nSample **Text**\nhttp://wiki.js.org\n:rocket: :) :( :| :P\n\n## Header 2\nSample Text\n\n```javascript\nvar test = require("test");\n\n// some comment\nconst foo = bar(\'param\') + 1.234;\n```\n\n### Header 3\nLorem *ipsum* ~~text~~',
cmOptions: {
tabSize: 2,
mode: 'text/markdown',