Vue3整合Markdown-it，跳槽字节跳动

export default {

name: “CreateBlog”,

components: {

VueMarkdownIt

},

setup: function (){

let textarea = ref(‘## 博客正文’)

let plugins = reactive([

{

plugin: MarkdownItAbbr

}, {

plugin: MarkdownItSub

}, {

plugin: MarkdownItSup

}, {

plugin: MarkdownItDeflist

}, {

plugin: MarkdownItEmoji

}

])

return {

textarea,

plugins

}

}

}

monokai.css

monokai.css是markdown-it自身带的样式文件，但是不好看，下面是自定义代码：

pre {

/控制代码不换行/

white-space: pre;

word-wrap: normal;

}

.hljs {

display: block;

overflow-x: auto;

padding: 2px 3px !important;

line-heigh