最好用的 Markdown 开源在线支持图形界面的 Markdown 编辑器使用教程
有关于php laravel知识进群交流153143321我们都是一群有理想的程序员
先来看一张效果图
作者:程序员充电站
链接:https://zhuanlan.zhihu.com/p/22688300
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
安装
1.下载地址:http://pandao.github.io/editor.md/examples...
2.在页面中载入css.js文件
实例
<html>
<head>
<script src="js/jquery.min.js"></script>
<script src="../editormd.min.js"></script>
<link rel="stylesheet" href="../css/editormd.css" />
</head>
<body>
<div id="layout">
<div id="test-editormd">
<textarea style="display:none;"></textarea>
</div>
</div>
<script type="text/javascript">
var testEditor;
$(function() {
testEditor = editormd("test-editormd", {
width : "90%",
height : 640,
syncScrolling : "single",
path : "../lib/"
});
</script>
</body>
</html>
这里说明一下 jquery要优先载进来 不然会报错 这个坑我跳过 大家注意下
$path : "../lib/"这个路径也要改一下就是这个包lib路径
3.服务器如何接受数据(php为例)
代码
html
<divclass="editormd"id="$id">
<!-- html textarea 需要开启配置项 saveHTMLToTextarea == true -->
<textareaclass="editormd-html-textarea"name="$id-html-code"></textarea>
</div>
<script>
var testEditor = editormd("test-editormd",{
width :"90%",
height :640,
path :"../lib/",
saveHTMLToTextarea :true
});
testEditor.getHTML();// 获取 Textarea 保存的 HTML 源码
</script>
PHP服务器接受数据
一般都是表单post提交
php原生写法
$_POST["test-editormd-html-code"]
laravel写法
$request->input('test-editormd-html-code')
这里其实就是你在表单里的
name=test-editormd-html-code
一样直接接受提交过来的数据就可以了
好了简单教程就到这了
更多关于这个编辑器的文档看这里
http://pandao.github.io/editor.md/examples...
有问题进php laravel技术交流群153143321讨论
本帖已被设为精华帖!
本帖由系统于 8年前 自动加精
你好 注意一下标题和正文的排版哦,正确使用 Markdown 格式,保持内容层次。
感谢分享!
这个引用图片不支持本地上传
666
@戴明康 我完全引用不进来
我已经准备在我的博客里面使用了。
@bluegeek 你可以引用进来了没,我不可以的呢
@ChenPHPER 有点忙 还没时间
用这个更方便
https://packagist.org/packages/chenhua/lar...
@chenhua 我要怎么感谢你 解决了困扰我好几天的问题 哈哈哈哈
@passenger 哈哈,不客气
@chenhua 学习过您的视频
@passenger 幸会