برای این که بتونیم استایل دلخواه خودمون رو به divهای code block معرفی کنیم
در developer mode مرورگر استایل اونها رو بررسی میکنیم که چه کلاس هایی داره
و rule های خودمون رو مینویسیم که بجای ruleهای خود ادیتور بشینه (override):
.ql-code-block-container {
background-color: lightgrey !important;
border: 2px darkgreen dashed !important;
border-radius: 15px !important;
width: fit-content !important;
}
.ql-code-block {
color: darkblue;
background-color: lightgrey;
font-style: italic;
}
اون important برای اطمینان از این هست که اگر rule مشابهی در quilljs تعریف شده،
مرورگر این rule ما رو بجای اون بذاره.
4.png
پاسخ با نقل قول