安装
1.在 composer.json的 require里面加入以下内容
"yuanchao/laravel-5-markdown-editor": "dev-master"
2.添加完成后,执行
composer update
3.在config/app.php 的 providers 数组加入一条
YuanChao\Editor\EndaEditorServiceProvider::class,
4.在 config/app.php的 aliases 数组加入一条
'EndaEditor' => YuanChao\Editor\Facade\EndaEditorFacade::class,
加入以上配置以后,执行
// 加上 --force 覆盖配置文件 php artisan vendor:publish --force #执行完上面的命令后,会生成配置文件和视图文件到你的 config/ 和 views/vendor 目录
执行上面这行命令以后,如果出现以下结果,说明你已经安装成功了
Copied Directory [/vendor/yuanchao/laravel-5-markdown-editor/src/config/views] To [/resources/views/vendor/editor]Copied Directory [/vendor/yuanchao/laravel-5-markdown-editor/src/config/editor] To [/public/plugin/editor]Copied File [/vendor/yuanchao/laravel-5-markdown-editor/src/config/editor.php] To [/config/editor.php]Copied File [/vendor/barryvdh/laravel-debugbar/config/debugbar.php] To [/config/debugbar.php]Publishing complete for tag []!
使用
安装完以后,说下如何使用
注意!在引入头部文件之前,你必须先引入 jQuery
在你的视图文件里面,需要使用编辑器的地方,先引入头部文件
// 引入编辑器代码 @include('editor::head')
然后,比如我的 textarea 需要把他变成编辑器,这个时候,给你的 textarea 写上一个id = myEditor
如:
<textarea id='myEditor'></textarea>
同时,在你的 textarea 的父级标签,加上 class = editor
如果你的 textarea 是被 div 包住的,那么你就这样写
// class = editor <div class="editor"> <textarea id='myEditor'></textarea> </div>
完整代码
// 引入编辑器代码 @include('editor::head') // 编辑器一定要被一个 class 为 editor 的容器包住 <div class="editor"> // 创建一个 textarea 而已,具体的看手册,主要在于它的 id 为 myEditor {!! Form::textarea('content', '', ['class' => 'form-control','id'=>'myEditor']) !!} // 上面的 Form::textarea ,在laravel 5 中被提了出去,如果你没安装的话,直接这样用 <textarea id='myEditor'></textarea> // 主要还是在容器的 ID 为 myEditor 就行 </div>
这个时候,编辑器就出来啦~
转换MarkDown代码 To HTML代码
首先在和转换操作有关的这个php页面的头部引入命名空间,例如:
use EndaEditor;
笔者使用的是laravel 5.1,是这样引入的:
use YuanChao\Editor\EndaEditor;
接着调用解析的方法
// 直接把需要转换的 markdown 做为参数传递进去 $str = EndaEditor::MarkDecode("#我是markdown语法"); echo $str;
结果为
<h1>我是markdown语法</h1>