如何使用React-TinyMCE将CSS类添加到可编辑元素

npm install react-tinymce

yarn add react-tinymce

import TinyMCE from 'react-tinymce';

render() {
  return (
    <TinyMCE
      content="<p>This is the initial content of the editor</p>"
      config={{
        plugins: 'autolink link image lists print preview',
        toolbar: 'undo redo | bold italic | alignleft aligncenter alignright',
        branding: false,
        content_css: 'path/to/your/css/file.css' // 添加CSS类的关键步骤
      }}
    />
  );
}

.my-class {
  color: red;
  font-weight: bold;
}

<TinyMCE
  content="<p class='my-class'>This is the initial content of the editor</p>"
  // ...
/>