分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

Markdown(editormd)语法解析成html

发布时间:2023-09-06 01:11责任编辑:白小东关键词:暂无标签

  我们在一些网站中可以见到一款网页编辑器——markdown;

  这是一款功能强大的富文本编辑器,之前自己在网页上使用的时候遇到了一点点的问题,现在跟大家分享下

  在我们写了文章之后是需要将内容保存到数据库的,如果保存到数据库中要方便以后需改的话,那么需要保存成markdown语言,如果保存成html语言通过反向解析成markdown这个可能效果不是很好

  如果保存成markdown就涉及到将数据库中的数据取出后要解析成html,以下便是我的解决过程(我使用的是editormd):

  

  首先需要初始化从markdown语言转为html语言的解析器:
  
editormd.markdownToHTML("test-editormd", { ???htmlDecode ?????: "style,script,iframe", ?????emoji ??????????: true, ???taskList ???????: true, ???tex ????????????: true, ?// 默认不解析 ???flowChart ??????: true, ?// 默认不解析 ???sequenceDiagram : true ?// 默认不解析});
  其次就是js的引入
  
<script src="./examples/js/jquery.min.js"></script><script src="lib/marked.min.js"></script><script src="lib/prettify.min.js"></script><script src="lib/raphael.min.js"></script><script src="lib/underscore.min.js"></script><script src="lib/sequence-diagram.min.js"></script><script src="lib/flowchart.min.js"></script><script src="lib/jquery.flowchart.min.js"></script><script src="./editormd.js"></script>
  引入的顺序不能出错否则可能有些js对象不能初始化,这些js在editor.md的lib包中已经存在。
 
  还有就是上方中的"test-editormd",其实是html代码中的一个id,这个是存放md内容的
  <div style="margin-left: 100px"><div id="test-editormd">    <textarea style="display:none;" placeholder="markdown语言">#Editor.md</textarea> ???</div>
  至此,已经完成了所有的步骤,这可以使得数据库中的md数据在页面解析显示

 

  

Markdown(editormd)语法解析成html

原文地址:http://www.cnblogs.com/lger/p/7518024.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved