Я пытаюсь написать несколько абзацев с помощью Jade, но мне трудно, когда внутри абзаца есть ссылки.
Лучшее, что я могу придумать, и мне интересно, есть ли способ сделать это с меньшим количеством разметки:
p
span.
this is the start
of the para.
a(href="http://example.com") a link
span.
and this is the rest of
the paragraph.
Вы можете использовать фильтр markdown и использовать markdown (и разрешенный HTML) для написания абзаца.
В качестве альтернативы кажется, что вы можете просто вывести HTML без каких-либо проблем:
Я сам не знал об этом и просто протестировал это с помощью инструмента командной строки jade. Кажется, все работает нормально.
РЕДАКТИРОВАТЬ: Кажется, на самом деле это можно сделать полностью в Jade следующим образом:
Не забудьте лишний пробел в конце абзаца (хотя вы его не видите. И между ними
| and
. В противном случае это будет выглядеть так:para.a linkand
неpara a link and
источник
p This is a paragraph #[a(href="#") with a link] in it
. См. Github.com/visionmedia/jade/issues/936
в конце первой строки, но я обсуждаю свои подходы в будущем.Другой способ сделать это:
источник
Другой совершенно другой подход - создать фильтр, который сначала будет заменять ссылки, а затем рендерит с нефритом.
Оказывает:
Полный рабочий пример: index.js (запускается с nodejs)
Более общее решение будет отображать мини-субблоки нефрита в уникальном блоке (может быть идентифицирован чем-то вроде
${jade goes here}
), так что ...Это можно реализовать точно так же, как описано выше.
Рабочий пример общего решения:
источник
Если ваши ссылки взяты из источника данных, вы можете использовать:
См. Интерполяцию
источник
Изменить: эта функция была реализована, и проблема закрыта, см. Ответ выше.
Я опубликовал проблему, чтобы добавить эту функцию в Jade
https://github.com/visionmedia/jade/issues/936
У меня не было времени реализовать это, может помочь больше +1!
источник
Это лучшее, что я могу придумать
Оказывает ...
Работает нормально, но похоже на взлом - для этого действительно должен быть синтаксис!
источник
Я не понимал, что для jade требуется строка для каждого тега. Я думал, мы можем сэкономить место. Намного лучше, если это будет понятно ul> li> a [class = "emmet"] {text}
источник
Мне пришлось добавить точку прямо за ссылкой, например:
This is your test [link].
Я решил это так:
источник
Как предложил Даниэль Баулиг, используется ниже с динамическими параметрами
источник
Оказывается, есть (по крайней мере, сейчас) совершенно простой вариант
источник
источник
Самая простая вещь;) но я сам боролся с этим несколько секунд. В любом случае, вам нужно использовать объект HTML для знака «@» ->
@
Если вы хотите включить ссылку, скажем, ваш / какой-либо адрес электронной почты использует это:источник