最好用的 Markdown 开源在线支持图形界面的 Markdown 编辑器使用教程

有关于php laravel知识进群交流153143321我们都是一群有理想的程序员

先来看一张效果图

file
file
作者:程序员充电站
链接: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讨论

本帖已被设为精华帖!
本帖由系统于 7年前 自动加精
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 13
Lonexw

你好 注意一下标题和正文的排版哦,正确使用 Markdown 格式,保持内容层次。

7年前 评论
Destiny

感谢分享!

7年前 评论

这个引用图片不支持本地上传

7年前 评论

我已经准备在我的博客里面使用了。

7年前 评论

@bluegeek 你可以引用进来了没,我不可以的呢

7年前 评论

@ChenPHPER 有点忙 还没时间

7年前 评论

@chenhua 我要怎么感谢你 解决了困扰我好几天的问题 哈哈哈哈

6年前 评论

@chenhua 学习过您的视频

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!