Editor.md 的简单使用 tp5(emoji表情加载)
下载安装 Editor.md,放在public/static目录下
关于emoji表情加载不出来,下载emoji插件,放在plugins/emoji-dialog目录下
修改文件中emoji的路径
editormd.emoji = {
// path : "http://www.emoji-cheat-sheet.com/graphics/emojis/",
path : "static/plug-ins/plugins/emoji-dialog/emoji/",
ext : ".png"
};
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>EditorMD</title>
<!--<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">-->
<link rel="stylesheet" type="text/css" href="__STATIC__/plug-ins/lib/codemirror/codemirror.min.css" />
<!--<script type="text/javascript" src="plug-ins/JQuery/jquery-3.3.1.min.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/plug-ins/editormd.js"></script>
<link rel="stylesheet" type="text/css" href="__STATIC__/plug-ins/css/editormd.css" />
<!--<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>-->
</head>
<body>
<div class="editormd" id="test-editormd">
<textarea class="editormd-markdown-textarea" name="test-editormd-markdown-doc"></textarea>
<!-- 第二个隐藏文本域,用来构造生成的HTML代码,方便表单POST提交,这里的name可以任意取,后台接受时以这个name键为准 -->
<textarea class="editormd-html-textarea" name="text"></textarea>
</div>
<script type="text/javascript">
$(function() {
editormd("test-editormd", {
//开启emoji(默认关闭)
emoji : true,
width : "90%",
height : 640,
syncScrolling : "single",
//lib目录的路径
path : "__STATIC__/plug-ins/lib/",
//这个配置在simple.html中并没有,但是为了能够提交表单,使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中,方便post提交表单。
saveHTMLToTextarea : true
});
});
</script>
</body>
</html>
访问结果