Images only and Disable Uploads for Lexxy Editor

disable_uploads_controller.js

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
    connect() {
        // Disable Lexxy uploads by preventing all file-accept events
        document.addEventListener("lexxy:file-accept", function(event) {
            console.log("file uploads not allowed")
            event.preventDefault();
        });
    }
}

disable_uploads_example.rb

<%# This will give you the ability to provide UI feedback (via the stimulus controller) to the user of why %>
<%= form.rich_text_area :body, data: { controller: "disable-uploads" } %> 

<%# This is the default mechanism to block attachments, but with no UI feedback of why %>
<%= form.rich_text_area :body, attachments: false %>

images_only_controller.js

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
    connect() {
        document.addEventListener("lexxy:file-accept", function(event) {
            // Only allow jpg/jpeg, png and gif images
            const acceptedTypes = ['image/jpeg', 'image/png', 'image/gif']
            if (!acceptedTypes.includes(event.detail.file.type)) {
                event.preventDefault()
                alert("We only support jpeg, png or gif files")
            }
        })
    }
}

images_only_example.rb

<%= form.rich_text_area :body, data: { controller: "images-only" } %>