Laavel+CKeditor 너무 편한 일

개요


업무 중에 블로그 글을 쓸 때의 편집기를 가져와야 하기 때문에 제가 많이 조사해서 실시해 봤습니다!
https://qiita.com/kenzooooo/items/ecdce2b12a72cb750a18

해설


스크립트 탭에ckeditor와 Jquery의 CDN을 정의하십시오
sample.blade.php
   <textarea id="ckeditor" name="pageBody"></textarea>

    {{-- CKEditor --}}
    <script src="//cdn.ckeditor.com/4.15.0/full/ckeditor.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="js/ckeditor.js"></script>
CKEDITOR.리플렉스 ("ckeditor", {}) 에 설정하면 블로그 글을 쓰는 편집기를 표시할 수 있습니다
https://ckeditor.com/docs/index.html
スクリーンショット 2021-11-19 3.58.52.png
js/ckeditor.js

$(function () {

    // エディタへの設定を適用します
    CKEDITOR.replace("ckeditor", {
        uiColor: "#EEEEEE", // UIの色を指定します
        height: 400, // エディタの高さを指定します

        // スペルチェック機能OFF
        scayt_autoStartup: false,

        // Enterを押した際に改行タグを挿入
        enterMode: CKEDITOR.ENTER_BR,

        // Shift+Enterを押した際に段落タグを挿入
        shiftEnterMode: CKEDITOR.ENTER_P,

        // idやclassを指定可能にする
        allowedContent: true,

        // ファイルマネージャー関連
        filebrowserImageBrowseUrl: "/laravel-filemanager?type=Images",
        filebrowserImageUploadUrl:
            "/laravel-filemanager/upload?type=Images&_token=",
        filebrowserBrowseUrl: "/laravel-filemanager?type=Files",
        filebrowserUploadUrl: "/laravel-filemanager/upload?type=Files&_token=",

        // preコード挿入時
        format_pre: {
            element: "pre",
            attributes: {
                class: "code",
            },
        },
        // タグのパンくずリストを削除
        removePlugins: "elementspath",

        // webからコピペした際でもプレーンテキストを貼り付けるようにする
        forcePasteAsPlainText: true,

        // 自動で空白を挿入しないようにする
        fillEmptyBlocks: false,

        // タブの入力を無効にする
        tabSpaces: 0,
    });
};

사진을 올려봤어요.


https://www.webopixel.net/php/1264.html
필자의 환경에서 오류가 빈발하고 있으니, 대응 방법을 소개하겠습니다.
bash
composer require unisharp/laravel-filemanager

Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - Installation request for unisharp/laravel-filemanager ^2.2 -> satisfiable by unisharp/laravel-filemanager[v2.2.0].
    - unisharp/laravel-filemanager v2.2.0 requires ext-exif * -> the requested PHP extension exif is missing from your system.

해결책


PHP를 사용하여 이미지에서 EXIF 정보를 얻으려면 EXIF 모듈이 필요합니다.
https://shinsuke789.hatenablog.jp/entry/2020/06/15/100000
Docker File에 다음 내용 추가 및 재구성
DockerFile
RUN docker-php-ext-install exif
RUN docker-php-ext-configure exif \
            --enable-exif
구축에 성공하면 composter require unisharp/laavel-file 관리자를 실행하면 오류를 제거할 수 있습니다!
bash
composer require unisharp/laravel-filemanager

최후


읽어주셔서 감사합니다.
이번 기사 어땠어요?
• 이런 기사를 읽고 싶다
이런 곳은 매우 좋다
이렇게 하는 것이 더 좋지 않습니까
등 솔직한 의견을 모았다.

좋은 웹페이지 즐겨찾기