在Laravel5.4中使用editor.md Markdown编辑器
前言
这两天在wordpress中完成editor.md编辑器嵌入，实现文章的编辑。而研究Markdown编辑器的起因，还是想搭建Laravel框架下的管理后台。
开发环境： php、larave5.4版本
1.编辑器的选择
针对Laravel支持的markdown编辑器，发现有下面2种编辑器可供选择。
laravel-5-markdown-editor
github链接地址: https://github.com/yccphp/laravel-5-markdown-editor
laravel-editor-md
github链接地址: https://github.com/douyasi/laravel-editor-md
laravel-5-markdown-editor
首先谈一下laravel-5-markdown-editor，按照安装教程测试了一下，可以正常的编辑。如下图：
不过，插件上的使用有以下几点待改进：
- 插件的翻译中文文字和底色，搭配感觉不舒服；
- 样式与bootstrap的样式表冲突，导致页面颜色和布局出现了问题；
- 整体插件安装步骤有点繁琐，导致项目文件增加的地方比较多。
laravel-editor-md
这个是我比较中意的一款markdown编辑器，界面简洁、代码封装合理。
- 编辑器界面整洁，和wordpress插件样式统一
- 安装与配置方便，2处修改和2个命令
- 使用便捷，只需要引用3行代码
综合，还是以laravel-editor-md作为管理后台的文章编辑器。以下讲解一下用法：
2.laravel-editor-md的安装与配置
在 composer.json新增 "douyasi/laravel-editor-md": "dev-master" 依赖，然后执行： composer update操作。
依赖安装完毕之后，在 app.php 中添加：
'providers' => [
'Douyasi\Editor\EditorServiceProvider',
],
然后，执行下面 artisan 命令，发布该扩展包配置等项。
php artisan vendor:publish --force
3.使用说明
在 blade 模版里面使用下面三个方法：editor_css()、editor_js()和 editor_config() 。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>editor.md example</title>
</head>
<body>
<h2>editor.md example</h2>
<div id="mdeditor">
<textarea class="form-control" name="content" style="display:none;">
# editor.md for Laravel
> editor.md example
</textarea>
</div>
{!! editor_css() !!}
{!! editor_js() !!}
{!! editor_config('mdeditor') !!}
</body>
</html>
发现展示的内容区域只有90%，引入js文件，加入以下代码：
<script>
$(function () {
$('#mdeditor').width('100%');
});
</script>
4.展示结果
最后，展示下实际应用的效果：
passenger
你好 请问一下，我都配置好后访问路由/laravel-editor-md/example页面只显示了editor.md example没有出现编辑框啊？
萧邦
Laravel和插件环境配置好后，需要引入editor_css()、editor_js()和 editor_config() 3个函数，你开启浏览器调试模式看看是哪里冲突或者报错。祝好运～