1. Оскільки будь-яка цитата, то, мабуть, має джерело, навіть якщо воно невідоме.
2. Оскільки розмітка
> Quote
відображається як <blockquote><p>Quote</p></blockquote>
і
> Quote1
>
> Quote2
надається як
<blockquote>
<p>Quote1</p>
<p>Quote2</p>
</blockquote>
Моє рішення для цього - завжди брати останнє <p></p>
як джерело і обробляти його css (у моєму випадку SCSS):
blockquote {
p {
display: inline;
&:first-of-type {
quotes: '\201C' '\201D' '\2018' '\2019';
&::before {
content: open-quote;
margin-right: 0.1rem;
}
}
&:last-of-type {
quotes: '\201C' '\201D' '\2018' '\2019';
font-style: italic;
&::before {
content: close-quote "\000A" "\2014" " ";
white-space: pre;
margin-left: 0.1rem;
font-style: normal;
}
}
// In case of a quote without a source.
&:only-of-type {
font-style: normal;
quotes: '\201C' '\201D' '\2018' '\2019';
&::before {
content: open-quote;
margin-right: 0.1rem;
}
&::after {
content: close-quote;
margin-left: 0.1rem;
}
}
}
}
\000A
Його новий рядок Юникода формат символів CSS , це допоможе зробити джерело в з'явиться в наступному рядку, якщо ви не хочете, просто видаліть його і додати деякі там місця. Інші також мають формат css символів unicode.