SSM博客开发:前台插件-editor.md

一、editor.md简介

editor.md是国内开源的一款在线Markdown编辑器,单纯基于前端JavaScript实现,和后端什么语言无关。我后端用的Java,在前台JSP中引入资源时用的spring标签。可从官网进行下载,下载后文件结构如图:

SSM博客开发:前台插件-editor.md_第1张图片
structure.jpg

二、使用

参照了两篇博文:

  • Markdown编辑器editor.md的使用
  • 使用并改造editor.md在JAVA-WEB项目中实现Markdown编辑器
    并参照下载后example文件夹下的simple.html代码就可以对大致使用有所了解

三、SSM博客中的使用:

  • 写的博客主要在能够支持标准Markdown语法的条件下支持上传图片和代码显示,因此在项目中主要使用到了如下的文件,其中js文件夹中包含了editormd.min.jsjquery.min.js
SSM博客开发:前台插件-editor.md_第2张图片
structure2.jpg
  • 引入
" />



  • 在HTML中写一个div节点,包含两个textarea,格式如下:
  • Markdown文档页面展示:
  1. 引入
 " />
" />



 
  1. JavaScript代码

(注意: