Редактор Trix определяет пользовательские стили вложений - PullRequest
Новая
       10

Редактор Trix определяет пользовательские стили вложений

1 голос
/ 15 марта 2019

Я добавил изображение в редактор Trix, сгенерировав следующий код: 

<figure 
    data-trix-attachment="{lots of data}" 
    data-trix-content-type="image/jpeg"
    data-trix-attributes="{'presentation':'gallery'}" 
    class="attachment attachment--preview attachment--jpg">
    <img src="http://myhost/myimage.jpg" width="5731" height="3821">
    <figcaption class="attachment__caption">
        <span class="attachment__name">cool.jpg</span> <span class="attachment__size">4.1 MB</span>
    </figcaption>
</figure>

Когда я отображаю сгенерированный HTML-код из редактора на моей странице на основе Bootstrap, изображение, очевидно, расширяет экран (см.width и height), и я хотел бы удалить эти реквизиты, а также назначить ему класс img-fluid.

Так что в основном я решил использовать конфигурацию: 

Trix.config.css.attachment = 'img-fluid'

Но это не а) не меняет класс attachment на img-fluid, и это также не будет применять изменения к изображению, но figure.

Я хотел бы избегать использования jQuery каждыйкогда я отображаю содержимое и пересекаю все figures, а затем манипулирую свойствами изображения во время выполнения.

Нет ли решения для определения этих стилей при добавлении вложения?

...