Дисклеймер

Інформація на сайті tseivo.com є суб'єктивною та відображає особисті погляди та досвід авторів та авторок блогів.

Використовуйте цей ресурс як одне з декількох джерел інформації під час своїх досліджень та прийняття рішень. Завжди застосовуйте критичне мислення. Людина сама несе відповідальність за свої рішення та дії.

Як відключити File Upload в Trix редакторі?

Trix - Rich Text Editor створений командою Basecamp (розробники Ruby on Rails). Непоганий редактор, якщо не треба робити якісь специфічні речі. Гарного API для налаштування опцій наразі немає.
Багато дискусій на GitHub кажуть лише про те, що кастомізувати Trix треба +/- самостійно за допомогою маніпуляцій в JS та CSS коді.
Для відключеня функції завантаження файлів в редакторі пропонують:
1. За допомогою JS ігнорувати trix-file-accept
document.addEventListener("trix-file-accept", function(event) {
  event.preventDefault();
});
2. За допомогою CSS сховати кнопку:
.trix-button-group.trix-button-group--file-tools {
    display: none;
}
Або зробити все в JS (ігнорувати trix-file-accept та видалити кнопку)
(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();
  })
})();
В цілому концепція зрозуміла. Треба самому все робити. Не забувайте інкапсулювати код. Бо цей код спрацює на всі інстанси Trix-редактору на сторінці
📝 Більше публікацій: