Как в Nuxt 3 через Tiptap редактор загружать картинки из файловой системы?
Проект на Nuxt 3. Требовался wysiwyg редактор для подгрузки статей с картинками. Выбрал Tiptap, но столкнулся с тем, что из коробки нет возможности загрузить картинку из файловой системы компьютера (я имею в виду, чтобы при нажатии на иконку картинки в меню редактора открывалось окно файловой системы, где бы я мог выбрать нужную картинку\картинки; примерно как это реализовано в редакторе при написании вопросов тут на Хабр Q&A). Я добавил расширение @tiptap/extension-image , но оно позволяет только загружать картинку по указанному url, такой вариант мне не подходит. Есть расширение filehandler extension, но, во-первых, оно платное, во-вторых, там подгрузка картинок из файловой системы реализована через dragndrop, а не через открытие файловой системы.
Сталкивался ли кто-то с подобной необходимостью? Как решали? Может, лучше использовать другой редактор?
Очевидно, что надо было выбирать изначально тот редактор, который имеет все необходимые функции. Если пока не сильно привязались к этому - проще выкинуть и взять другой.
Если же очень хочется - варианты вам известны: 1. написать самому плагин - сам по себе выбор и показ файла не сложен, уроков в сети миллион, а вот как там система плагинов работает придётся смотреть самому. 2. купить платный плвгин. 3. заказать написание плагина на фрилансе.
Согласен с Aetae. Можно посмотреть в сторону Editor.js, когда-то использовал - понравилось. Много разных плагинов есть, в т.ч. с изображениями, который вам и нужен.
Не знаю по поводу стандартных расширений, но в tiptap нет никакой сложности сделать собственное расширение с нужным вам функционалом. Все что вам нужно это инпут с type="file". Далеe извлекаете изображение в base64 и добавляете на редактор.
Реализовать можно по разному, tiptap очень гибок в этом
Средний
