前言:
在写博客项目时,后台管理使用了editormd编辑器,内容为Markdown的语法,但在前台显示时显示的不是我想要的效果,如图:
完全没有啥效果,所以得引入一个markdown转HTML的插件:
/atlassian/commonmark-java
根据这个项目内的介绍引用即可,可以只引用最基本的,如果需要对h标签加一个id用来做目录或者表格要加一个class用来自适应就需要引用相应的pom。
比如基本的:
<dependency><groupId>monmark</groupId><artifactId>commonmark</artifactId><version>0.14.0</version></dependency>
对table进行加一些元素的:
<dependency><groupId>monmark</groupId><artifactId>commonmark-ext-gfm-tables</artifactId><version>0.14.0</version></dependency>
对h标签:
<dependency><groupId>monmark</groupId><artifactId>commonmark-ext-heading-anchor</artifactId><version>0.14.0</version></dependency>
然后工具类展示下:
package com.yuer.util;import monmark.Extension;import monmark.ext.gfm.tables.TableBlock;import monmark.ext.gfm.tables.TablesExtension;import monmark.ext.heading.anchor.HeadingAnchorExtension;import monmark.node.Link;import monmark.node.Node;import monmark.parser.Parser;import monmark.renderer.html.AttributeProvider;import monmark.renderer.html.AttributeProviderContext;import monmark.renderer.html.AttributeProviderFactory;import monmark.renderer.html.HtmlRenderer;import java.util.*;public class MarkdownUtils {/*** markdown格式转换成HTML格式* @param markdown* @return*/public static String markdownToHtml(String markdown) {Parser parser = Parser.builder().build();Node document = parser.parse(markdown);HtmlRenderer renderer = HtmlRenderer.builder().build();return renderer.render(document);}/*** 增加扩展[标题锚点,表格生成]* Markdown转换成HTML* @param markdown* @return*/public static String markdownToHtmlExtensions(String markdown) {//h标题生成idSet<Extension> headingAnchorExtensions = Collections.singleton(HeadingAnchorExtension.create());//转换table的HTMLList<Extension> tableExtension = Arrays.asList(TablesExtension.create());Parser parser = Parser.builder().extensions(tableExtension).build();Node document = parser.parse(markdown);HtmlRenderer renderer = HtmlRenderer.builder().extensions(headingAnchorExtensions).extensions(tableExtension).attributeProviderFactory(new AttributeProviderFactory() {public AttributeProvider create(AttributeProviderContext context) {return new CustomAttributeProvider();}}).build();return renderer.render(document);}/*** 处理标签的属性*/static class CustomAttributeProvider implements AttributeProvider {@Overridepublic void setAttributes(Node node, String tagName, Map<String, String> attributes) {//改变a标签的target属性为_blankif (node instanceof Link) {attributes.put("target", "_blank");}if (node instanceof TableBlock) {attributes.put("class", "ui celled table");}}}public static void main(String[] args) {String table = "| hello | hi | 哈哈哈 |\n" +"| ----- | ---- | ----- |\n" +"| 斯维尔多 | 士大夫 | f啊 |\n" +"| 阿什顿发 | 非固定杆 | 撒阿什顿发 |\n" +"\n";String a = "[imCoding 爱编程]()";System.out.println(markdownToHtmlExtensions(a));}}