Rails 6: прикрепленное изображение ActionText не отображается в частичном шаблоне _blob - PullRequest
Новая
       102

Rails 6: прикрепленное изображение ActionText не отображается в частичном шаблоне _blob

1 голос
/ 28 марта 2020

В настоящее время я работаю над приложением Rails 6, в котором я использую cloduinary для размещения изображений. У меня есть модель с rich_text_content. 

class Question < ApplicationRecord
  belongs_to :user
  has_many :comments, as: :commentable
  has_rich_text :content
end

Когда я добавляю изображение из редактора форматированного текста и пытаюсь отобразить изображение, браузер не отображает прикрепленное изображение.

views / questions / show. html .erb 

<div class="border-t-2 border-gray-600 text-2xl m-auto w-4/5">
    <div class="h-56 my-8">
      <%= @question.content %>
    </div>
  </div>

Шаблон show.html.erb отображает только текстовое содержимое, а не изображение вложения в @question.content, поэтому при наличии embeds_blob the _blob.html.erb не отображает изображение. 

<figure class="attachment attachment--<%= blob.representable? ? "preview" : "file" %> attachment--<%= blob.filename.extension %>">
  <% if blob.representable? %>
      <div class="max-w-xl mx-auto rounded overflow-hidden shadow-lg">
        <%= cl_image_tag(blob.key, format: :jpg )%>
        <div class="px-6 py-4">
          <figcaption class="attachment__caption">
            <% if caption = blob.try(:caption) %>
              <%= caption %>
            <% else %>
              <div class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">
                <span class="attachment__name"><%= blob.filename %></span>
                <span class="attachment__size"><%= number_to_human_size blob.byte_size %></span>
              </div>
            <% end %>
          </figcaption>
        </div>
      </div>
  <% end %>
</figure>

cl_image_tag(blob.key, format: :jpg) должен отображать файл вложения, но это не так, как показано на рисунке ниже enter image description here

Однако, если бы я все прокомментировал и получил только следующую строку. <%= cl_image_tag(blob.key, format: :jpg )%>. Изображение отображается без структуры HTML из _blob.html.erb. enter image description here

Почему _blob.html.erb не отображает прикрепленное изображение, полученное из Cloudinary?

1 Ответ

1 голос
/ 28 марта 2020

Как вы, вероятно, уже знаете, вызов метода blob.representable? в частичном возвращает false.

Если вы посмотрите на исходный код representable?, который в свою очередь вызывает variable?, вы можете видеть типы контента , которые он проверяет, не включают image/heic. Вы можете настроить его так, как это задокументировано здесь .

config.active_storage.variable_content_types принимает массив строк, указывающих типы контента, которые Active Storage может преобразовывать через ImageMagick. По умолчанию %w(image/png image/gif image/jpg image/jpeg image/pjpeg image/tiff image/bmp image/vnd.adobe.photoshop image/vnd.microsoft.icon image/webp)

После включения image/heic и перезапуска приложения должно появиться изображение.

Примечание : вышеуказанные ссылки указывают до master ветви рельсов . Возможно, вы захотите выбрать правильный тег в зависимости от используемой версии направляющих.

Надеюсь, это поможет.

...