Добавить изображения в статью о рельсах

С Rails 5.1 и базой данных pgsql: у меня есть довольно стандартная модель статьи с :title и :description. Пользователи могут делать ваши типичные текстовые статьи.

Что, если бы пользователи захотели вставить гифку или картинку в пост, например, между абзацами? Я часто встречаю подобные форматы в блогах других веб-сайтов и не знаю, как добиться этого с помощью Rails.

Также обратите внимание, что я использую simple_format(article) для отображения, поэтому любое форматирование, сделанное при создании, должно сохраняться.

Любые идеи?


person ptent    schedule 03.08.2018    source источник
comment
Для этого вы можете использовать любой форматированный текстовый редактор.   -  person Anand    schedule 03.08.2018
comment
Вы можете начать искать здесь tiny.cloud или github.com/tinymce/tinymce   -  person Deepak Mahakale    schedule 03.08.2018
comment
Вы, конечно, можете использовать скрепку для прикрепления изображений к модели статьи. Но нужно убедиться, что его положение остается прежним. Или редактор [github.com/froala/wysiwyg-rails].   -  person Swapnil    schedule 03.08.2018


Ответы (1)


На самом деле с этим связано довольно много работы:

  1. Если вам нужно разрешить пользователям загружать изображения со своих компьютеров, вам нужно разобраться с жемчужиной Paperclip (или аналогичный). Это сохранит изображение на сервере. Вы захотите определить, насколько большими могут быть изображения, как назвать изображения после загрузки и какие форматы файлов разрешены, чтобы пользователи не загружали файлы всех типов.
  2. Затем во внешнем интерфейсе вы можете использовать редактор форматированного текста (например, CKEditor или TinyMCE являются основными), чтобы встроить тег(и) IMG в текст вашей статьи или самостоятельно структурировать этот макет (например, " Всегда отображать изображение до/после текста статьи"). Нужны ли вашим изображениям подписи? Должны ли они быть кликабельными?
  3. Наконец, в шаблоне Show не забудьте использовать помощники тегов изображений Rail вместо ваших стандартных тегов IMG. Это позволяет вам легко ссылаться на изображения на сервере, не теряясь в конвейере ресурсов.

Есть несколько видео, показывающих, как все это делается, например. https://www.youtube.com/watch?v=Z5W-Y3aROVE. Удачи!

person MSC    schedule 04.08.2018