将markdown文件转为html的一种方法

解决Markdown文本后台传入前端解析成Html

自己在用springboot写个人博客的时候,在页面md编辑传入数据库后,用 thymeleaf 模板的 th:utext 无法正确解析成功,也导入了依赖和官网教的配置类。。最后都不成功,
最后发现了一种方式 也分享给你们。。—>–>->

转换的方法有很多种,我使用了这个,也不用特别对表格什么的多费心,直接最后就加了这一点代码就成了


<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js"></script>

************************************************
<!-- 这里我在要显示数据的div上面添加了一个input隐藏域 id 为middle th:value="${后台的md}"-->
                  **********************************************
<script type="text/javascript"> 
    var content = $("#middle").val(); //使用el表达式获取后台返回的markdown内容
    var converter = new showdown.Converter(); //初始化转换器
    var htmlcontent  = converter.makeHtml(content); //将MarkDown转为html格式的内容
    $("#article").html(htmlcontent);//添加到div中显示出来

************************************
如果不希望在前端的开发者工具里显示出来后台的数据
                 **********************************
 在 js 最后把把input的值置空
 $("#middle").attr("value", "");
 
</script> 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前言 论坛上新【markdown】格式解析功能 什么是MarkDownMarkdown一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown换成更多的格式,例如LaTeX,Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。 - 摘自百科 MarkDown用途: Markdown的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho。用于编写说明文档,并且以“README.md”的文件名保存在软件的目录下面。除此之外,由于我们有了RStudio这样的神级编辑器,我们还可以快速将Markdown化为演讲PPT、Word产品文档、LaTex论文甚至是用非常少量的代码完成最小可用原型。在数据科学领域,Markdown已经广泛使用,极大地推进了动态可重复性研究的历史进程。 - 摘自百科 详细可参考:【帮助文档】Markdown插件使用说明 正文 论坛的增加MarkDown编辑器固然很好,但是增加了没有人去使用也没有意义啊,于是我动手写了一个MarkDown编辑器,基于开源作品Editor.md。 废话不多讲,单击这里可以直接查看:http://pandao.github.io/editor.md/ - MarkDown-Notepad有什么优点呢? 1、使用方便: 集成Editor的优点,支持保存文件,读入文件(但由于时间仓促,这部分不是很完善) 2、编辑快速: MarkDown易于编辑,易于上手,易于处理 3、支持自定义个性化 4、支持导出: 好了好了,干瘪瘪地讲了半天也没有什么意思,直接上图片: 1.支持链接(废话) 2.支持HTML(废话) 3.支持多语言代码高亮(好吧这是CSS功劳) 4.支持图片(废话) 5.流程图: 关于Editor.md: 主要特性 支持“标准”Markdown / CommonMark和Github风格的语法,也可变身为代码编辑器; 支持实时预览、图片(跨域)上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能; 支持ToC(Table of Contents)、Emoji表情、Task lists、@链接等Markdown扩展语法; 支持TeX科学公式(基于KaTeX)、流程图 Flowchart 和 时序图 Sequence Diagram; 支持识别和解析HTML标签,并且支持自定义过滤标签解析,具有可靠的安全性和几乎无限的扩展性; 支持 AMD / CMD 模块化加载(支持 Require.js Sea.js),并且支持自定义扩展插件; 兼容主流的浏览器(IE8+)和Zepto.js,且支持iPad等平板设备; 支持自定义主题样式;Editor.md 的诞生依赖于以下开源项目:>CodeMirrormarkedjQueryFontAwesomegithub-markdown.cssKaTeXRephael.jsprettify.jsflowchart.jssequence-diagram.jsPrefixes.scss 功能实现 主要是JS填表: 结尾语 对于MarkDown,还有很多功能尚未发掘,更多功能可以百度或者自行开发 PS:Editor.md遵循和使用 MIT License 开源协议 本程序使用以下模块: 模块名 作用 作者或工作室 Win10皮肤模块 加载皮肤 清风科技 miniblink 用作加载editor(实际的作用是加载浏览器) kyozy,来自 “龙泉寺扫地僧” 的DLL,本模块来自论坛 结尾小彩蛋: 我在玩Editor.md的时候的一个小发现:“.\editor.md-master\examples\change-mode.html
### 回答1: 可以使用第三方库 "Markdown4j" 来实现将 Markdown 换为 HTML。 示例代码: ``` import org.markdown4j.Markdown4jProcessor; String markdown = "# This is a heading\n" + "And this is some text"; String html = new Markdown4jProcessor().process(markdown); ``` 另外,有其他第三方库供选择: - pegdown - flexmark-java - commonmark-java 需要注意的是,这些库都是基于Java实现的,对Markdown语法支持不尽相同。 ### 回答2: 使用Java将Markdown换为Html可以通过使用第三方库来实现。下面是一个简单的步骤: 1. 首先,你需要下载并导入一个适用于Java的Markdown解析器库,比如commonmark-java。你可以在Maven或Gradle配置文件中添加相应的依赖来获取此库。 2. 然后,你需要在代码中引入相应的包,比如`import org.commonmark.parser.Parser;`和`import org.commonmark.renderer.html.HtmlRenderer;`。 3. 接下来,你需要创建一个Markdown解析器的实例,通过`Parser parser = Parser.builder().build();`实现。 4. 然后,你可以使用解析器将Markdown文本换为AST(抽象语法树),通过`Node document = parser.parse(inputMarkdown);`实现。在这里,`inputMarkdown`是你的Markdown文本。 5. 然后,你需要创建一个Html渲染器的实例,通过`HtmlRenderer renderer = HtmlRenderer.builder().build();`实现。 6. 最后,你可以使用渲染器将AST换为Html文本,通过`String outputHtml = renderer.render(document);`实现。 7. 现在,`outputHtml`中就包含了换后的Html代码,你可以根据需要将其保存到文件或打印到控制台上。 这是一个基本的示例,你可以根据具体的需求和实现细节来调整代码。同时,还有其他一些Markdown解析库可供选择,你可以根据个人喜好进行查找和尝试。 ### 回答3: 将Markdown转为Html一种常见的需求,而使用Java可以很方便地实现这个功能。在Java中,我们可以借助一些库来实现MarkdownHtml换。 一个常用的MarkdownHtml换库是CommonMark,它是一个用Java编写的开源库,可以将Markdown文本换为Html格式。使用CommonMark库,我们可以通过简单的几行代码将Markdown文本换为对应的Html格式。 首先,我们需要在项目中引入CommonMark库的依赖。可以通过Maven或者Gradle在项目的构建文件中添加依赖项。 接下来,我们可以使用以下代码将Markdown文本换为Html: ``` import org.commonmark.node.*; import org.commonmark.parser.*; import org.commonmark.renderer.html.*; public class MarkdownToHtmlConverter { public static String convertToHtml(String markdown) { Parser parser = Parser.builder().build(); Node document = parser.parse(markdown); HtmlRenderer renderer = HtmlRenderer.builder().build(); String html = renderer.render(document); return html; } public static void main(String[] args) { String markdown = "这是一个Markdown的示例文本"; String html = convertToHtml(markdown); System.out.println(html); } } ``` 在上面的代码中,我们首先创建了一个CommonMark的Parser对象,然后将Markdown文本解析为一个Node对象。接着,我们创建一个HtmlRenderer对象,它用于将Node对象渲染为Html格式的字符串。最后,我们将Html字符串返回或者做进一步的操作。 使用上述代码,我们可以轻松地将Markdown换为Html格式。这是一种简单而且灵活的方法,适用于大多数场景下的MarkdownHtml换需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值