Làm cách nào để thêm lớp CSS vào phần tử có thể chỉnh sửa của tôi bằng React-TinyMCE

Question

Tôi muốn tạo kiểu cho hộp nội dung có thể chỉnh sửa của mình với CSS được xác định trước, bằng cách thêm tên Lớp nhưng tôi không thấy bất kỳ thuộc tính nào cho phép tôi làm điều đó. Có một thuộc tính body_classnhưng nó dường như không hoạt động đối với react-tinymce

Đây là mã của tôi

 <Editor
       init={{toolbar: false}}
       apiKey="xxxxx"
       inline={true}
       value="Design DIY">
  </Editor>

Answer 1

Nếu bạn muốn chuyển CSS vào trình chỉnh sửa để nó được sử dụng để tạo kiểu nội dung trong khi chỉnh sửa, bạn cần sử dụng tùy chọn cấu hình content_csshoặc content_style.

https://www.tiny.cloud/docs/configure/content-appearance/#content_css https://www.tiny.cloud/docs/configure/content-appearance/#content_style

Điều content_cssnày có thể dễ dàng hơn vì nó cho phép bạn đặt CSS trong một tệp bên ngoài và tham chiếu nó qua một URL.