Wie deaktiviere ich den Datei-Upload im Trix-Editor?

Trix - Rich Text Editor wurde vom Team Basecamp (Entwickler von Ruby on Rails) erstellt. Ein guter Editor, wenn man keine spezifischen Dinge tun muss. Momentan gibt es keine gute API zur Anpassung der Optionen. Viele Diskussionen auf GitHub besagen nur, dass man Trix +/- selbstständig durch Manipulationen im JS- und CSS-Code anpassen muss. Um die Funktion zum Hochladen von Dateien im Editor zu deaktivieren, wird vorgeschlagen: 1. Mit JS trix-file-accept ignorieren

document.addEventListener("trix-file-accept", function(event) {
  event.preventDefault();
});

2. Mit CSS die Schaltfläche ausblenden:

.trix-button-group.trix-button-group--file-tools {
    display: none;
}

Oder alles in JS machen (trix-file-accept ignorieren und die Schaltfläche entfernen)

(function() {
  addEventListener("trix-initialize", function(e) {
    const file_tools = document.querySelector(".trix-button-group--file-tools");
    file_tools.remove();
  })
  addEventListener("trix-file-accept", function(e) {
    e.preventDefault();
  })
})();

Insgesamt ist das Konzept klar. Man muss alles selbst machen. Vergessen Sie nicht, den Code zu kapseln. Denn dieser Code wirkt auf alle Instanzen des Trix-Editors auf der Seite