mavonEditor icon indicating copy to clipboard operation
mavonEditor copied to clipboard

前端编写的mavonEditor语法,java后台去解析,解析不了居中,左,右

Open theonemj opened this issue 5 years ago • 2 comments

前端编写的mavonEditor语法,java后台去解析,解析不了居中,左,右,java后台要用什么去解析,才能解析的mavonEditor解析的html一样呢

theonemj avatar Apr 24 '20 03:04 theonemj

这是因为mavon使用了highlightjs的居中、左、右,Java后端应该是没有的

so1ve avatar Aug 24 '20 07:08 so1ve

原生的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的。 如还有疑问可邮件询问我。

ling-1 avatar Jun 25 '23 15:06 ling-1