如何将Markdown插件Editor.md集成到自己的项目上?
Markdown插件:https://pandao.github.io/editor.md/ 点击Github下载-双击解压-将文件复制到自己项目中
引入css,注意对照自己的地址是否正确
<link rel="stylesheet" href="../css/editormd.css" />
引入js,注意对照自己的地址是否正确
<script src="../editormd.min.js"></script>
使用方法
<div id="test-editormd">
<textarea style="display:none;">[TOC]
#### Disabled options
- TeX (Based on KaTeX);
- Emoji;
- Task lists;
- HTML tags decode;
- Flowchart and Sequence Diagram;
#### Editor.md directory
editor.md/
lib/
css/
scss/
tests/
fonts/
images/
plugins/
examples/
languages/
editormd.js
...
</textarea>
</div>
添加一下代码
<script type="text/javascript">
var testEditor;
$(function() {
testEditor = editormd("test-editormd", {
width : "90%",
height : 640,
syncScrolling : "single",
path : "../lib/"
});
/*
// or
testEditor = editormd({
id : "test-editormd",
width : "90%",
height : 640,
path : "../lib/"
});
*/
});
</script>
完成! 异常: 全屏后其他元素还显示在上层 解决办法:
<div id="test-editormd" style="z-index: 1 !important;">
