在 React 中覆蓋 TinyMCE 編輯器的 CSS

Question

我正在為我的 React 項目使用 TinyMCE 5。 我想自定義編輯器，我想做一些事情，例如：編輯邊框屬性或向工具欄添加框陰影。 我嘗試使用 content_css 屬性添加 css 但它不起作用。 還有其他解決方法嗎？

編輯：這就是我希望它最終的樣子

我能夠添加自定義圖標。 我面臨的唯一問題是修改 css。 我想降低工具欄，添加陰影效果，使圖標更小並減小工具欄的寬度。 我還嘗試使用 styled-components 覆蓋 CSS 但它沒有用。 是否有任何替代方法可以覆蓋 CSS？

Answer 1

您可以使用toolbar_location: "bottom"來關閉工具欄。

關於 CSS，您可以使用content_css用您自己的 styles 覆蓋默認的 CSS。 例如：

content_css: "/mycontent.css";

或者您可以使用content_style覆蓋它的特定部分。 例如：

content_style: "body { font-family: Arial; }";

另見：