300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 写项目时怎样将后台管理使用的富文本编辑器保存的内容转为HTML格式

写项目时怎样将后台管理使用的富文本编辑器保存的内容转为HTML格式

时间:2024-06-20 23:05:46

相关推荐

写项目时怎样将后台管理使用的富文本编辑器保存的内容转为HTML格式

前言:

在写博客项目时,后台管理使用了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));}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。