PHP

Laravel5的Markdown编辑器使用教程

字号+ 编辑: 种花家 修订: 种花家 来源: 袁超 2023-09-12 我要说两句(1)

Laravel的MarkDown是袁超在2015年5月18号发布的,当时很多人说他写的文档不好,袁超闻之,奋笔疾书,写出如下文字(略有编辑)。

安装

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>


阅完此文,您的感想如何?
  • 有用

    3

  • 没用

    0

  • 开心

    0

  • 愤怒

    0

  • 可怜

    0

1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章,转发时烦请注明来源;
3.交流群: PHP+JS聊天群

相关课文
  • mac开发接入微信公众号接口返回报错 cURL error 56: SSLRead() return error -9806

  • pecl安装程序时报错Array and string offset access syntax with curly braces is no longer supported

  • PHP的换行符是什么

  • 由于商家传入的H5交易参数有误,该笔交易暂时无法完成,请联系商家解决

我要说说
网上宾友点评
1楼 IP114.254.*.*的嘉宾说道: 很久前
跑通了感谢