将 TinyMCE 用于深色背景的网站

发布于 2024-08-20 23:28:26 字数 290 浏览 6 评论 0原文

我在 Django 网站中使用 django-tinymce。通过管理界面，我们可以编辑一个具有 tinymce.models.HTMLField 的 SimplePage 对象。然后，网站访问者将看到页面内容区域中呈现的 html。

问题是，网站本身的背景是深色的，而 TinyMCE 文本区域的背景是白色的。默认情况下，文本似乎没有颜色，这没关系（在 TinyMCE 中显示为黑色，在网站中显示为白色），但有时会为它指定黑色，然后在网站中显示为黑色，这使得它无法阅读。

有什么好的方法可以解决这个问题吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

醉殇 2024-08-27 23:28:26

您可以使用 content_css 设置自定义可编辑区域的 CSS，请参阅：http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css

这也适用于 django-tinymce，只需在 django 设置中调整 TINYMCE_DEFAULT_CONFIG ：

TINYMCE_DEFAULT_CONFIG = {
    # your other settings
    'content_css': '/media/css/main.css',
}

You can customize the CSS of the editable area with the content_css setting, see: http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css

This also works with django-tinymce, simply adjust TINYMCE_DEFAULT_CONFIG in your django settings:

TINYMCE_DEFAULT_CONFIG = {
    # your other settings
    'content_css': '/media/css/main.css',
}

回复收藏 0 原文

壹場煙雨 2024-08-27 23:28:26

通常在富文本编辑器中，您将指定一个样式表（原始页面的样式表或其变体）作为编辑器的样式表。这样，所有基本文本特征（大小、系列、颜色和背景颜色）都是所见即所得。

我认为就是这样：

选项：content_css
此选项使您能够指定扩展主题内容 CSS 的自定义 CSS 文件。该 CSS 文件是在编辑器（可编辑区域）中使用的文件。此选项也可以是逗号分隔的 URL 列表。
如果指定相对路径，则它将根据包含 TinyMCE 的 (HTML) 文件的 URL 进行解析，而不是相对于 TinyMCE 本身。