摘要:我們來使用下依舊是頭部引入首先,在類頭部,添加引用然后,調(diào)用我們的方法就行啦直接把需要轉(zhuǎn)換的做為參數(shù)傳遞進去我是語法結(jié)果為我是語法
引入 markdown 編輯器packages
1.首先在 composer.json 的 require 里面加入以下內(nèi)容
"yuanchao/laravel-5-markdown-editor": "dev-master"
2.添加完成后,執(zhí)行 composer update
composer update
3.執(zhí)行完這行命令,基本上就安裝完啦,接下來打開 config/app.php 往里面加點東西
"YuanChaoEditorEndaEditorServiceProvider" "providers" => [ ........ "YuanChaoEditorEndaEditorServiceProvider" ........ ], // 往里面加入 `"EndaEditor" => "YuanChaoEditorFacadeEndaEditorFacade"` "aliases" => [ .......... "EndaEditor" => "YuanChaoEditorFacadeEndaEditorFacade" .......... ],
4.加入以上配置以后,執(zhí)行
php artisan vendor:publish –force
// 加上 --force 覆蓋配置文件
php artisan vendor:publish --force
執(zhí)行上面這行命令以后,如果出現(xiàn)以下結(jié)果,說明你已經(jīng)安裝成功了
Copied File [/vendor/edvinaskrucas/notification/src/config/notification.php] To [/config/notification.php] 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] Publishing Complete!使用
安裝完以后,說下如何使用
注意!你必須先引入 jquery 在引入頭部文件之前
在你的視圖文件里面,需要使用編輯器的地方,先引入頭部文件
// 引入編輯器代碼 @include("editor::head")
然后,比如我的 textarea 需要把他變成編輯器,這個時候,給你的 textarea 寫上一個 id = myEditor
//如: < textarea id=’myEditor’>< /textarea>
同時,在你的 textarea 的父級標簽,加上 class = editor,如果你的 textarea 是被 div 包住的,那么你就這樣寫
// class = editor
一定要給父級標簽加上 class = editor,因為要計算編輯器的位置
看了上面的例子,你應(yīng)該明白,使用編輯器的兩步就是
引入頭文件給你需要變成編輯器的標簽加上 id=’myEditor’ 同時父級標簽加上 class = editor圖片上傳使用
打開 config/editor.php 配置文件,我們可以看到里面有一項配置是 uploadUrl 這個 uploadUrl ,指得是上傳圖片請求的地址,
我們上傳圖片時,是通過 Ajax post 請求 控制器,控制器把圖片上傳,返回圖片地址
比如,我的 uploadUrl 配置成了 Home/upload ,那么當我上傳圖片的時候,它會 Ajax 請求 Home 控制器的 upload 方法對吧?
這個時候 upload 方法里面,需要把圖片上傳,然后返回圖片地址 但是!我們的擴展里面已經(jīng)集成了圖片上傳并返回編輯器所需要的數(shù)據(jù)了,所以在你的 upload 方法里面,直接調(diào)用擴展的方法就行啦!
首先,在類頭部,添加引用
use EndaEditor; public function upload(){ // path 為 public 下面目錄,比如我的圖片上傳到 public/uploads 那么這個參數(shù)你傳uploads 就行了 $data = EndaEditor::uploadImgFile("path"); return json_encode($data); }
這個 upload 是專門用于編輯器圖片上傳的哦~
好了,這個時候,你的圖片上傳已經(jīng) ok 了!
markdown 轉(zhuǎn) html我們使用編輯器,把內(nèi)容插入數(shù)據(jù)庫后,展示給用戶看的時候,總不能就輸出 markdown 的語法吧~那用戶也看不懂呀
所以,你需要把 markdown 轉(zhuǎn)成 html,這樣游覽器才會解析
那么問題來了,如何轉(zhuǎn)呢?我們的擴展已經(jīng)集成了這個功能。我們來使用下
依舊是頭部引入 首先,在類頭部,添加引用
use EndaEditor;
然后,調(diào)用我們的方法就行啦
// 直接把需要轉(zhuǎn)換的 markdown 做為參數(shù)傳遞進去
$str = EndaEditor::MarkDecode("#我是markdown語法"); echo $str; // 結(jié)果為我是markdown語法
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/31049.html
摘要:編輯器使用教程月號發(fā)布的這個擴展,好多朋友使用起來有一些問題,好吧,都怪我安裝使用說明寫的不清楚今天給大家補一篇詳細的安裝說明文檔項目地址求求求求求此處省略一萬字功能圖片上傳語法解析為編輯器該有的功能都有還有誰還有誰預(yù)覽安裝在的里面加 laravel 5 Markdown 編輯器使用教程 5月18號發(fā)布的這個擴展,好多朋友使用起來有一些問題,好吧,都怪我安裝使用說明寫的不清楚└(^o...
摘要:總結(jié)如果你在為公司尋找一款開源免費的開發(fā)文檔文檔管理工具,不妨考慮一下項目,一定不會讓你失望的。 Wizard 是一款開源文檔管理系統(tǒng),項目地址為 https://github.com/mylxsw/wizard。這個項目是 我 在2017年就開始開發(fā)的,起初只是想做一款能夠在公司內(nèi)部把Swagger文檔管理起來的工具,但在這近兩年的時間里,一直斷斷續(xù)續(xù)的為其添加各種功能,現(xiàn)在終于下決...
摘要:一個基于的編輯器求安裝使用詳細教程如果訪問比較慢的同學(xué),可以訪問這個不需要敲語法可界面操作的功能加粗字體加斜字體無需手寫插入鏈接引用無需手寫語法插入圖片數(shù)字列表普通列表標題分割撤銷重做全屏反饋交流歡迎加入我們的學(xué)習(xí)小組預(yù)覽初 laravel-5-markdown-editor Based on the markdown editor laravel 5 一個基于 laravel 5...
摘要:事實上,這是討論測試的惟一一章。因此,在中沒有單一的測試方法。包含了這是的標準強調(diào)業(yè)務(wù)或特性測試是最流行的框架。然后我們在這個項目中使用進行單元測試。在隨后的章節(jié)中,將不再進行測試。 原文地址: Laravel 5.1 Beauty - Testing Note 本系列第四節(jié)內(nèi)容. 本章會創(chuàng)建一個以后可以用到的項目便于以后我們的課程使用, 同時也會查課各種測試選項. 以后一段時間內(nèi)會開...
摘要:是基于封裝的在線編輯器,支持項目。已集成本地七牛云阿里云文件存儲。更新記錄完成在線編輯器主程序,且集成本地七牛阿里云存儲。 Laravel5-Markdown-Editor Laravel5-Markdown-Editor 是基于 editor.md 封裝的 Markdown 在線編輯器,支持 Laravel5 項目。已集成本地、七牛云、阿里云文件存儲。 更新記錄 2017-11-09...
閱讀 2916·2021-11-17 09:33
閱讀 1635·2021-10-12 10:13
閱讀 2453·2021-09-22 15:48
閱讀 2331·2019-08-29 17:19
閱讀 2592·2019-08-26 11:50
閱讀 1570·2019-08-26 10:37
閱讀 1737·2019-08-23 16:54
閱讀 2924·2019-08-23 14:14