blogben/assets/controllers/easymde_controller.js

import { Controller } from '@hotwired/stimulus';

export default class extends Controller {
    connect() {
        const easyMde = new EasyMDE({
            element: document.querySelector('textarea'),
            spellChecker: false,
            toolbar: [
                'bold', 'italic', 'heading-2', 'heading-3', '|',
                'quote', 'unordered-list', 'ordered-list', 'table', '|',
                'link', 'image', 'upload-image' ,'|',
                'preview', 'side-by-side', 'fullscreen', '|',
                'undo', 'redo', '|',
                'guide'
            ],
            uploadImage:true,
            imageUploadEndpoint: '/upload-image',
            imagePathAbsolute: false,
            imageMaxSize: 1024 * 1024 * 100,
            imagePreviewInEditor: true,
            imagesPreviewHandler: true
        });

        
    }
}