x.js

import { Controller } from "stimulus"
import ImageUpload from "../classes/image_upload"

export default class extends Controller {
	static targets = [ "draftTextarea" ]

  connect() {
  	console.log(12331)
		// if (this.draftTextareaTarget.dataset.initialised != "true") {
			this.initEditor()	
		// }
  }

	initEditor() {
		const that = this
console.log(this.draftTextareaTarget)
  	const editor = ArticleEditor(this.draftTextareaTarget, {
  		source: false,
			plugins: ['reorder', 'style', 'inlineformat', 'specialchars', 'selector', 'counter', 'blockcode'],
  		editor: {
				focus: true,
				scrollTarget: "#mainContainer"
			},
	    code: {
        template: "<pre><code></code></pre>"
	    },
			layer: false,
			image: {
				url: false,
        upload(upload, data) {
					const toUpload = []

					// find files to upload
					for (let key in data.files) {
						if (typeof data.files[key] === 'object') {
							const file = data.files[key]
							file.id = Math.random().toString(36).substr(2, 9)
							toUpload.push(file)
						}
					}

					if (toUpload.length === 0) { return }

					new ImageUpload(toUpload, upload, data, that.draftTextareaTarget.dataset.uploadUrl).startUpload()
        }
    	}
		})

		this.draftTextareaTarget.dataset.initialised = "true"
	}
}