I am making a bulletin board using react. The POST editor used React Quill and saved it to the server normally. The css used in Quill editor was reflected and saved to the server well, but when imported and displayed on the screen, the css does not work properly. How can I import Quill's css file?
This code is parsing HTML text saved with Quill as dangerouslySetInnerHTML.
<div className="view" dangerouslySetInnerHTML={{ __html: data?.content }}></div>
This code is a snippet from the code I wrote in Quill.
<p class="ql-align-center">
<img src="https://myrecord.s3.ap-northeast-2.amazonaws.com/e2c36fce-8ce0-4ae8-a188-9ca549ebe2ea.jpg">
</p>
<p class="ql-align-justify">
<span class="ql-size-huge">1차 세계 대전의 발발과 미국</span>
</p>
How can I import a css file with ql-align-center
, ql-align-justify
??