editor.md的简单整合:
-
首先,需要把editor.md需要的静态资源文件下载放到项目的static目录下;
-
在前端网页中加入css以及js,并在需要的位置加入对应标签体
如下为一个test.html页面
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<title>Emoji - Editor.md examples</title>
<!--引入所需依赖-->
<link rel="stylesheet" href="../static/editormd/css/style.css"
th:href="@{/editormd/css/style.css}"/>
<link rel="stylesheet" href="../static/editormd/css/editormd.css"
th:href="@{/editormd/css/editormd.css}"/>
</head>
<body>
<h1>EditorMD</h1>
<!--这里的id=editormd_id就是下面的初始化editorMD的editormd_id-->
<div id="editormd_id">
<!-- 第一个textarea是文本输入区域-->
<textarea id="htmlContent" class="editorMd-html-textarea" name="editorMd-html-textarea" placeholder="请输入内容...">
</textarea>
<!--第二个textarea 是展示文本区域 要隐藏起来 display->none-->
<textarea class="editorMd-text-textarea" name="editorMd-text-textarea" style="display:none;" id="textContent">
</textarea>
</div>
<!--引入所需依赖-->
<script src="../static/editormd/js/jquery.min.js"
th:src="@{/editormd/js/jquery.min.js}"></script>
<script src="../static/editormd/editormd.js"
th:src="@{/editormd/editormd.js}"></script>
<script>