axhello / laravel-markdown-editor
基于 laravel 5 的 markdown 编辑器
dev-master
2016-04-01 12:18 UTC
This package is not auto-updated.
Last update: 2024-09-15 00:59:42 UTC
README
一个基于 laravel 5 的markdown 编辑器
本项目基于 editor.md 二次开发完成
#使用详细教程 Editor.md: https://pandao.github.io/editor.md/
#安装
1. 在 composer.json 的 require里加入
"axhello/laravel-markdown-editor": "dev-master"
2. 执行 composer update
3. 在 config/app.php 的 providers 数组加入一条
Axhello\Editor\MDEditorServiceProvider::class
4. 在 config/app.php 的 aliases 数组加入一条
'MDEditor' => Axhello\Editor\Facade\MDEditorFacade::class,
5. 执行 php artisan vendor:publish
执行完上面的命令后,会生成配置文件和视图文件到你的 config/ 和 views/vendor 目录
#使用 1. 在需要编辑器的地方插入以下代码
首先引入head代码
@include('editor::head')
然后用一个id为mdEditor的标签包裹着textarea
<div id="mdEditor">
{!! Form::textarea('content', null, ['class' => 'form-control') !!}
</div>
//或者是这样
<div id="mdEditor">
<textarea name="content"></textarea>
</div>
然后刷新页面,这时候编辑器就出来了!
2. 配置图片上传,打开 config/editor.php 配置文件,修改里面的 uploadUrl 配置项
例如我更改editor.php的Url为
'uploadUrl'=>'post/uploads'
然后在路由中配置Url,注意uploads为你 public 下的目录
Route::post('/post/uploads', function (){
$data = \Axhello\Editor\MdEditor::uploadImgFile('uploads');
return json_encode($data);
});
完成以上这些配置,你就可以在线插入图片啦