1. Vì bất kỳ trích dẫn nào, giả sử có một nguồn, ngay cả khi nó không được biết.
2. Vì một đánh dấu
> Quote
được hiển thị là <blockquote><p>Quote</p></blockquote>
và
> Quote1
>
> Quote2
được kết xuất là
<blockquote>
<p>Quote1</p>
<p>Quote2</p>
</blockquote>
Giải pháp của tôi cho vấn đề này là luôn lấy <p></p>
nguồn cuối cùng làm nguồn và xử lý nó bằng css (trong trường hợp của tôi là 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;
}
}
}
}
Đây \000A
là định dạng css ký tự unicode dòng mới , nó giúp làm cho nguồn xuất hiện trong dòng tiếp theo, nếu bạn không muốn, chỉ cần xóa nó và thêm một số khoảng trắng ở đó. Những cái khác cũng là định dạng css ký tự unicode.