mavonEditor
mavonEditor copied to clipboard
前端编写的mavonEditor语法,java后台去解析,解析不了居中,左,右
前端编写的mavonEditor语法,java后台去解析,解析不了居中,左,右,java后台要用什么去解析,才能解析的mavonEditor解析的html一样呢
这是因为mavon使用了highlightjs的居中、左、右,Java后端应该是没有的
原生的markdown不支持"居中对齐,左右对齐,上下角标“等语法,mavon-editor基于 markdown-it与其插件实现的,而 markdown-it只支持解析原生markdown,对于“ 居中对齐,左右对齐,上下角标”这些复杂语法则是依靠markdown-it的插件实现的。 因此解析需要引入markdown-it插件,下面是一个简单示例
const MarkdownIt = require('markdown-it')()
.use(require('markdown-it-katex-external'))
.use(require('markdown-it-emoji'))
.use(require('markdown-it-container'), 'hljs-center') // 容器插件
.use(require('markdown-it-container'), 'hljs-left')
.use(require('markdown-it-container'), 'hljs-right')
.use(require('markdown-it-sup')) // 上角标插件
.use(require('markdown-it-sub')) // 下角标插件
.use(require('markdown-it-footnote')) // 脚注插件
.use(require('markdown-it-abbr')) // 缩写插件
.use(require('markdown-it-ins')) // 插入插件
.use(require('markdown-it-mark')) // 标记插件
同时还需要在 "main.js"引入mavon-editor样式并绑定在 v-html上,外层可自定义自己的样式。后端需要自己用正则表达式去转换成html语法,markdown是支持html的。 如还有疑问可邮件询问我。