国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Laravel 框架引入 markdown 編輯器

PascalXie / 1894人閱讀

摘要：我們來(lái)使用下依舊是頭部引入首先，在類頭部，添加引用然后，調(diào)用我們的方法就行啦直接把需要轉(zhuǎn)換的做為參數(shù)傳遞進(jìn)去我是語(yǔ)法結(jié)果為我是語(yǔ)法

引入 markdown 編輯器packages

1.首先在 composer.json 的 require 里面加入以下內(nèi)容

"yuanchao/laravel-5-markdown-editor": "dev-master"

2.添加完成后，執(zhí)行 composer update

composer update

3.執(zhí)行完這行命令，基本上就安裝完啦，接下來(lái)打開(kāi) config/app.php 往里面加點(diǎn)東西

"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é)果，說(shuō)明你已經(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!
使用

安裝完以后，說(shuō)下如何使用

注意！你必須先引入 jquery 在引入頭部文件之前
在你的視圖文件里面，需要使用編輯器的地方，先引入頭部文件

// 引入編輯器代碼
  @include("editor::head")

然后，比如我的 textarea 需要把他變成編輯器，這個(gè)時(shí)候，給你的 textarea 寫上一個(gè) id = myEditor

//如： < textarea id=’myEditor’>< /textarea>

同時(shí)，在你的 textarea 的父級(jí)標(biāo)簽，加上 class = editor,如果你的 textarea 是被 div 包住的，那么你就這樣寫

// class = editor

一定要給父級(jí)標(biāo)簽加上 class = editor,因?yàn)橐?jì)算編輯器的位置

看了上面的例子，你應(yīng)該明白，使用編輯器的兩步就是

引入頭文件給你需要變成編輯器的標(biāo)簽加上 id=’myEditor’ 同時(shí)父級(jí)標(biāo)簽加上 class = editor
圖片上傳使用

打開(kāi) config/editor.php 配置文件，我們可以看到里面有一項(xiàng)配置是 uploadUrl 這個(gè) uploadUrl ，指得是上傳圖片請(qǐng)求的地址，
我們上傳圖片時(shí)，是通過(guò) Ajax post 請(qǐng)求 控制器，控制器把圖片上傳，返回圖片地址
比如，我的 uploadUrl 配置成了 Home/upload ,那么當(dāng)我上傳圖片的時(shí)候，它會(huì) Ajax 請(qǐng)求 Home 控制器的 upload 方法對(duì)吧？
這個(gè)時(shí)候 upload 方法里面，需要把圖片上傳，然后返回圖片地址 但是！我們的擴(kuò)展里面已經(jīng)集成了圖片上傳并返回編輯器所需要的數(shù)據(jù)了，所以在你的 upload 方法里面，直接調(diào)用擴(kuò)展的方法就行啦！
首先，在類頭部，添加引用

use EndaEditor;


public function upload(){

        // path 為 public 下面目錄，比如我的圖片上傳到 public/uploads 那么這個(gè)參數(shù)你傳uploads 就行了

        $data = EndaEditor::uploadImgFile("path");

        return json_encode($data);

    }

這個(gè) upload 是專門用于編輯器圖片上傳的哦～

好了，這個(gè)時(shí)候，你的圖片上傳已經(jīng) ok 了！

markdown 轉(zhuǎn) html

我們使用編輯器，把內(nèi)容插入數(shù)據(jù)庫(kù)后，展示給用戶看的時(shí)候，總不能就輸出 markdown 的語(yǔ)法吧～那用戶也看不懂呀
所以，你需要把 markdown 轉(zhuǎn)成 html，這樣游覽器才會(huì)解析
那么問(wèn)題來(lái)了，如何轉(zhuǎn)呢？我們的擴(kuò)展已經(jīng)集成了這個(gè)功能。我們來(lái)使用下
依舊是頭部引入 首先，在類頭部，添加引用

use EndaEditor;

然后，調(diào)用我們的方法就行啦
// 直接把需要轉(zhuǎn)換的 markdown 做為參數(shù)傳遞進(jìn)去

$str = EndaEditor::MarkDecode("#我是markdown語(yǔ)法");

echo $str;
// 結(jié)果為

我是markdown語(yǔ)法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/31049.html

相關(guān)文章

  • Laravel5 Markdown 編輯器使用教程

    摘要：編輯器使用教程月號(hào)發(fā)布的這個(gè)擴(kuò)展，好多朋友使用起來(lái)有一些問(wèn)題，好吧，都怪我安裝使用說(shuō)明寫的不清楚今天給大家補(bǔ)一篇詳細(xì)的安裝說(shuō)明文檔項(xiàng)目地址求求求求求此處省略一萬(wàn)字功能圖片上傳語(yǔ)法解析為編輯器該有的功能都有還有誰(shuí)還有誰(shuí)預(yù)覽安裝在的里面加 laravel 5 Markdown 編輯器使用教程 5月18號(hào)發(fā)布的這個(gè)擴(kuò)展，好多朋友使用起來(lái)有一些問(wèn)題，好吧，都怪我安裝使用說(shuō)明寫的不清楚└(^o...

    qylost 評(píng)論0 收藏0

  • Wizard 開(kāi)源文檔管理系統(tǒng)1.0發(fā)布啦

    摘要：總結(jié)如果你在為公司尋找一款開(kāi)源免費(fèi)的開(kāi)發(fā)文檔文檔管理工具，不妨考慮一下項(xiàng)目，一定不會(huì)讓你失望的。 Wizard 是一款開(kāi)源文檔管理系統(tǒng)，項(xiàng)目地址為 https://github.com/mylxsw/wizard。這個(gè)項(xiàng)目是 我 在2017年就開(kāi)始開(kāi)發(fā)的，起初只是想做一款能夠在公司內(nèi)部把Swagger文檔管理起來(lái)的工具，但在這近兩年的時(shí)間里，一直斷斷續(xù)續(xù)的為其添加各種功能，現(xiàn)在終于下決...

    cod7ce 評(píng)論0 收藏0

  • Laravel 5 Markdown 編輯器

    摘要：一個(gè)基于的編輯器求安裝使用詳細(xì)教程如果訪問(wèn)比較慢的同學(xué)，可以訪問(wèn)這個(gè)不需要敲語(yǔ)法可界面操作的功能加粗字體加斜字體無(wú)需手寫插入鏈接引用無(wú)需手寫語(yǔ)法插入圖片數(shù)字列表普通列表標(biāo)題分割撤銷重做全屏反饋交流歡迎加入我們的學(xué)習(xí)小組預(yù)覽初 laravel-5-markdown-editor Based on the markdown editor laravel 5 一個(gè)基于 laravel 5...

    morgan 評(píng)論0 收藏0

  • [譯] Laravel 5 之美 - 單元測(cè)試

    摘要：事實(shí)上，這是討論測(cè)試的惟一一章。因此，在中沒(méi)有單一的測(cè)試方法。包含了這是的標(biāo)準(zhǔn)強(qiáng)調(diào)業(yè)務(wù)或特性測(cè)試是最流行的框架。然后我們?cè)谶@個(gè)項(xiàng)目中使用進(jìn)行單元測(cè)試。在隨后的章節(jié)中，將不再進(jìn)行測(cè)試。 原文地址: Laravel 5.1 Beauty - Testing Note 本系列第四節(jié)內(nèi)容. 本章會(huì)創(chuàng)建一個(gè)以后可以用到的項(xiàng)目便于以后我們的課程使用, 同時(shí)也會(huì)查課各種測(cè)試選項(xiàng). 以后一段時(shí)間內(nèi)會(huì)開(kāi)...

    fuyi501 評(píng)論0 收藏0

  • Laravel5-Markdown-Editor 在線編輯器

    摘要：是基于封裝的在線編輯器，支持項(xiàng)目。已集成本地七牛云阿里云文件存儲(chǔ)。更新記錄完成在線編輯器主程序，且集成本地七牛阿里云存儲(chǔ)。 Laravel5-Markdown-Editor Laravel5-Markdown-Editor 是基于 editor.md 封裝的 Markdown 在線編輯器，支持 Laravel5 項(xiàng)目。已集成本地、七牛云、阿里云文件存儲(chǔ)。 更新記錄 2017-11-09...

    MoAir 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<