Как добавить класс в уценку изображения в Ghost?

В Призраке уценка для изображения

![alt](src)

Есть ли скрытый формат для добавления класса в тег img? Или это еще не в Призраке?

Я хотел получить такой результат:

<img src="src" alt="alt" class="img-thumbnail">

Я не хочу использовать разметку html. Мне действительно нужно добиться этого, используя уценку. Пожалуйста, помогите..

Ответы

Ответ 1

В plain markdown классы для изображений невозможны. В некоторых реализациях возможно, например. markdown extra использует ![alt](src) {.class}. Я попробовал, но в Ghost это невозможно, ни ![alt|img-thumbnail](src). Также нет подсказок в doku.

Но вы можете использовать обходной путь, если вы используете src как css-атрибут.

Просто добавьте "бесполезный" хэш в URL:

![alt](src#img-thumbnail)

и укажите это в css или js

img[src$='#img-thumbnail'] { float:left;}

Ответ 2

это, возможно, слишком очевидно, но вы можете поместить его в любой элемент, который вы хотите, т.е.

 <div class="myDiv">
    ![](...)
 </div>

а затем используйте наследование css

.myDiv img { width: 50px; }

поскольку разметка в ghost поддерживает html (возможно, большинство из них), вы также можете делать регулярные < img... > теги, а также

Ответ 3

Вы можете добавить их через jQuery со следующим кодом до тега конца тела в файле default.hbs

$('img').addClass('img-thumbnails');