Как добавить класс В Image markdown в Ghost?

в Ghost, уценка для изображения

![alt](src)

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

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

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

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

16
ghost-blog markdown

5 ответов

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

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

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

![alt](src#img-thumbnail)

и адрес это в css или js

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

38

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

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

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

.myDiv img { width: 50px; }

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

3

в ghost файл post.HBS rendering de {{content}} класс whit .kg-card-markdown вы можете создать эту функцию для JS add class во всем изображении в post content

function imageResponsive() {
  $('.kg-card-markdown').each(function(){
    $('img').addClass('img-responsive');     
  });
}
0

в ghost файл post.HBS rendering de {{content}} класс whit .kg-card-markdown u может использовать css для whit sass 

.kg-card-markdown { 
  img{
    @extend .img-responsive;
  } 
}
0

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

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