当前位置: 首页 > 后端技术 > PHP

Laravel框架引入markdown编辑器

时间:2023-03-29 21:25:29 PHP

引入markdown编辑器包1.首先在composer.json"yuanchao/laravel-5-markdown-editor"的require中添加如下内容:"dev-master"2。添加后,执行composerupdatecomposerupdate3。执行这行命令,基本就安装完成了,然后打开config/app.php,在里面添加一些东西'YuanChao\Editor\EndaEditorServiceProvider''providers'=>[...'YuanChao\Editor\EndaEditorServiceProvider'........],//添加`'EndaEditor'=>'YuanChao\Editor\Facade\EndaEditorFacade'`'aliases'=>[.........'EndaEditor'=>'YuanChao\Editor\Facade\EndaEditorFacade'.........],4.添加以上配置后,执行phpartisanvendor:publish–force//add--force覆盖配置文件phpartisanvendor:publish--force执行以上命令后,如果出现如下结果,说明你已经安装成功CopiedFile[/vendor/edvinaskrucas/notification/src/config/notification.php]到[/config/notification.php]Copied目录[/vendor/yuanchao/laravel-5-markdown-editor/src/config/views]到[/resources/views/vendor/editor]复制目录[/vendor/yuanchao/laravel-5-markdown-editor/src/配置/editor]到[/public/plugin/editor]复制文件[/vendor/yuanchao/laravel-5-markdown-editor/src/config/editor.php]到[/config/editor.php]发布完成!安装好以后再说说怎么使用注意!在引入头文件之前必须先在你的视图文件中引入jquery,这里需要用到编辑器,先导入头文件//导入编辑器代码@include('editor::head')然后,比如我textarea需要把它变成一个编辑器。这时候,为你的textarea写一个id=myEditor//如:/textarea>同时,在你的textarea的父标签中,添加class=editor,如果你的textarea被div包裹起来,那么可以这样写标签,因为你需要计算编辑器的位置。看完上面的例子,你应该明白了,使用编辑器的两个步骤就是引入头文件,添加到你需要成为编辑器的标签中。添加id='myEditor'并将class=editor添加到父标签。打开config/editor.php配置文件。我们可以看到里面有一个配置就是uploadUrl。这个uploadUrl是指上传图片请求的地址。我们在上传图片的时候,是通过Ajaxpost请求controller的。控制器上传图片并返回图片地址。比如我的uploadUrl配置为Home/upload,那么当我上传图片的时候,它会Ajax请求Home控制器方法的上传对吧?这时候在upload方法中,需要上传图片,然后返回图片地址但是!我们的扩展已经集成了图片上传并返回编辑器需要的数据,所以在你的上传在方法中,直接调用扩展方法即可!首先,在类头中,添加对使用EndaEditor的引用;publicfunctionupload(){//path是public下的目录,比如我的图片上传到public/uploads,那么可以给这个参数传uploads$data=EndaEditor::uploadImgFile('path');返回json_encode($data);}这个上传是专门用来在编辑器上传图片的~好了,这时候你的图片上传就ok了!我们使用编辑器将markdown转换为html。把内容插入数据库显示给用户后,我们不能只输出markdown的语法~那用户是看不懂的。所以,需要把markdown转成html,这样浏览器就可以了。那么问题来了,怎么转呢?我们的扩展已经集成了这个功能。让我们将其用作标题介绍。首先,在类头中,添加对使用EndaEditor的引用;然后,调用我们的方法。//直接传入需要转换的markdown作为参数$str=EndaEditor::MarkDecode("#Iammarkdownsyntax");echo$str;//结果为

Iammarkdownsyntax