html+js マークダウンエディタ効果

npm install editor.md

<link rel="stylesheet" href="editormd/css/editormd.css" />

<script src="js/jquery.min.js"></script>
<script src="editormd/editormd.min.js"></script>

<link rel="stylesheet" href="editormd/css/editormd.css" />
<div id="test-editor">
<textarea style="display:none;" class="content-markdown" name="content-markdown"></textarea> ;
</div>
<script src="js/jquery.min.js"></script>
<script src="editormd/editormd.min.js"></script>
<script type="text/javascript">
    $(function() {
      var editor = editormd("test-editor", {
        width : "100%", //width, not filled to 100%
        height : "500px", //height, not filled to 100%
        theme : "dark", //theme, do not fill for the default theme
        path : "editormd/lib/", //editor.md plugin's lib directory address
        saveHTMLToTextarea : true, // Save HTML to Textarea
        toolbarAutoFixed:true, // enable and disable automatic toolbar positioning
      });
    });
</script>

$(function() {
    var editor = editormd("test-editor", {
        width : "100%", //width, not filled to 100%
        height : "500px", //height, not filled to 100%
        theme : "dark", //theme, do not fill for the default theme
        path : "editormd/lib/", //editor.md plugin's lib directory address
        saveHTMLToTextarea : true, // Save HTML to Textarea
        toolbarAutoFixed:true, // enable and disable automatic toolbar positioning
        imageUpload : true, // Run local upload
        imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"], // Allowed file formats for uploading
        imageUploadURL : "/index.php?r=markdown/upload" //backend server path for uploads
    });
});

Yii::$app->response->format = Response::FORMAT_JSON;
$upload = \Intervention\Image\ImageManagerStatic::make($_FILES['editormd-image-file']['tmp_name'])->save('upload/upload.jpg');// file is the name of the upload form
if ($upload) {
    return [
        'success' => 1,
        'message' => 'Upload successful',
        'url' => 'upload/upload.jpg'
    ];
} else {
    return [
        'success' => 0,
        'message' => 'Upload failed',
    ];
}