Laravel 5 Markdownエディタ使用チュートリアル

4267 ワード
laravel markdown 画像のアップロード
Laravel 5 Markdownエディタ使用チュートリアル
5月18日に発表されたこの拡張は、多くの友人がtiを使用しています.いいでしょう.私のインストールの使用説明がはっきり書いていないせいです.
プロジェクトのアドレス:https://github.com/yccphp/laravel-5-markdown-editor star , star , star , star , star  (ここでは1万字省略)
機能
  • 画像アップロード
  • markdown構文解析html
  • markdownエディタにあるべき機能はすべてあります(誰がいます!誰がいます!)
    • プレビュー
    インストール
    1.  composer.json  の  require  中には以下の内容が入っています
    "yuanchao/laravel-5-markdown-editor": "dev-master"

    2.追加完了後、composer updateを実行
    composer update

    3.このコマンドを実行すると、基本的にインストールが完了し、次に  config/app.php  中に物を入れる
    //       `'YuanChao\Editor\EndaEditorServiceProvider'`

'providers' => [

        ........

        'YuanChao\Editor\EndaEditorServiceProvider'

        ........

    ],

//       `'EndaEditor' => 'YuanChao\Editor\Facade\EndaEditorFacade'`

'aliases' => [

     ..........

    'EndaEditor' => 'YuanChao\Editor\Facade\EndaEditorFacade'

    ..........

    ],
  • 以上の構成を加える後、  php artisan vendor:publish --force 
    • php artisan vendor:publish

    上のコマンドを実行した後、次の結果が表示された場合は、インストールに成功しました.
    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  1つ書く  id = myEditor
    例えば:<textarea id='myEditor'></textarea>また、textareaの親ラベルに  class = editor、textareaがdivに包まれている場合は、このように書きます.
    // class = editor
<div class="editor">
    <textarea id='myEditor'></textarea>
</div>
    class = editor,
    上記の例を見ると、エディタを使用する2つのステップが
  • ヘッダファイル
    • を導入
  • エディタになるラベルにid='myEditorを付け、親ラベルにclass=editor
    • を付けます.
    画像のアップロード
    私たちはすでに画像のアップロード機能を内蔵しています.あなたがしなければならないのは、適切な場所にコードを挿入することです.
  • オープン  config/editor.php  プロファイルには、構成が表示されます.  uploadUrl

    • これ  uploadUrl  ,画像をアップロードして要求する住所を指して、私達は画像をアップロードする時、  Ajax  postリクエストコントローラ、コントローラは画像をアップロードし、画像アドレスに戻ります
    では、tiが来たのに、エディタはどのコントローラを要求するか知っていますか.答える あなたが配置したのは  uploadUrlはどれですか.それはどれを要求しますか.
    例を挙げます.
    例えば、私のuploadUrlはHome/uploadに構成されていますが、私が画像をアップロードすると、AjaxがHomeコントローラのuploadメソッドを要求しますよね?このときuploadメソッドでは、画像をアップロードし、画像アドレスに戻る必要があります.
    でも!私たちの拡張には、画像のアップロードとエディタに必要なデータが統合されているので、uploadメソッドでは、拡張メソッドを直接呼び出せばいいのです.
    まず、クラスヘッダにリファレンスを追加
    use EndaEditor;
    public function upload(){

        // path   public     ，          public/uploads         uploads    

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

        return json_encode($data);

    }
    upload ～
    はい、この时、あなたの写真はもうokをアップロードしました!
    markdown回転html
    私たちはエディタを使って、データベースに内容を挿入して、ユーザーに見せるとき、markdownの文法を出力することはできませんね～そのユーザーも読めませんね
    だから、markdownをhtmlに変える必要があります.そうすれば、遊覧機が解析されます.
    では、tiが来ました.どうやって回りますか.私たちの拡張はすでにこの機能を統合しています.私たちが使ってみましょう
  • は依然として頭部導入
    • である.
    まず、クラスヘッダにリファレンスを追加
    use EndaEditor;

    そして、私たちの方法を呼び出せばいいのです
    //          markdown         

$str = EndaEditor::MarkDecode("#  markdown  ");

echo $str;

//    

<h1>  markdown  </h1>

    便利じゃないですか～
    最後に一言
    プロジェクトのアドレス:https://github.com/yccphp/laravel-5-markdown-editor
    注:Laravel開発コミュニティ大神Endaブログのブログから
    JavaでConcurrentHashMapを巡る4つの方法
    .net frameworkがどのシステムにインストールするのに適しているかをまとめます.