편집기 사용

다운로드 주소
무대 뒤에 놓다
사진 올리는 방법 하나 준비해주세요.

public function mUpload()
    {
        $file   = $this->request->file('editormd-image-file');
        $result = $file->validate([
            'ext'  => 'jpg,jpeg,png',
            'size' => 1024 * 1024
        ])->move('.' . DS . 'upload' . DS . 'avatar' . DS);

        if ($result) {
            $avatarSaveName = str_replace('//', '/', str_replace('\\', '/', $result->getSaveName()));
            $avatar         = 'avatar/' . $avatarSaveName;
            session('avatar', $avatar);
            return json_encode([
                'success' => 1,
                "message"  => " ",
                "url"  => cmf_get_image_url($avatar)
            ]);
        } else {
            return json_encode([
                'success' => 0,
                "message"  => $file->getError(),
                "url"  => ''
            ]);
        }
    }

여기 주의해야 할 것은editormd-image-file
css와 js JQ를 도입하는 것도 그렇고요.

<link rel="stylesheet" href="__STATIC__/js/editor/css/editormd.min.css" />
<div id="test-editormd">
            <textarea class="editormd-markdown-textarea" name="test-editormd-markdown-doc">textarea>
            
            <textarea class="editormd-html-textarea" name="content">textarea>
        div>
<script src="__STATIC__/js/editor/editormd.js">script>

js 코드

<script type="text/javascript">
        $(function() {                
            var testEditor = editormd("test-editormd", {
                width: "90%",
                height: 640,
                markdown : "",
                path : '__STATIC__/js/editor/lib/',
                    imageUpload : true,
                    imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
                    imageUploadURL : "{:url('user/Profile/mUpload')}",

                    /*
                       JSON  ， ：
                     {
                        success : 0 | 1,           // 0  ，1  
                        message : " ， 。",
                        url     : " "        //  
                     }
                     */
                 });
        });
    script>