html - 如何在嵌入TinyMCE编辑器的页面中使用内部样式表？

想通过在html中嵌入样式来修改tinymce编辑器。不想使用单独的 .css 文件。无法访问编辑器的配置，没有tinmce.init()。奇怪的是，无法访问带有样式的tinymce编辑器。

<!DOCTYPE html>
<html>
<head>
<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>
<style>
    body#tinymce.mce-content-body {
        background-color:red !important;
    }
</style>
<script>
    tinymce.init({
        selector: '#mytextarea'
    });
</script>
</head>

<body>
    <h1>TinyMCE Quick Start Guide</h1>
    <form method="post">
        <textarea id="mytextarea">Hello, World!</textarea>
    </form>
</body>
</html>

有什么想法吗？

最佳答案

您是否看过 TinyMCE 配置的 content_style 选项？

https://www.tinymce.com/docs/configure/content-appearance/#content_style

您也可以将整个 HTML 文档传递到 TinyMCE 并将 CSS 放在文档的头部。

关于html - 如何在嵌入TinyMCE编辑器的页面中使用内部样式表？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44079756/