在tinymce编辑器中更改背景工具栏颜色和文本颜色

2023-12-08

我在tinymce的init调用中使用了这段代码来指向我的主css文件:

<script>
            tinymce.init({
                selector: 'textarea',
                content_css:'default.css'
            });

这效果很好,在 CSS 中我用它来改变编辑器主体的背景颜色:

.mce-content-body {
background: #474F52;
}

我现在想添加适当的 CSS 覆盖工具栏颜色 - 按钮颜色和文本颜色,如下所示:

editor currently

请帮忙!我四处搜寻却一无所获。


/* toolbar */
.mce-toolbar-grp {
    background-color: #000 !important; /* uses !important or override .mce-panel background-color/image */
    background-image: none !important;
}

/* text color */
#tinymce {
   color: #dd9900;
}

/* button text color */
.mce-ico {
   color: #dd9900;
}

/* button background color */
.mce-btn button {
    background-color: #000000;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在tinymce编辑器中更改背景工具栏颜色和文本颜色 的相关文章

随机推荐

  • 为什么子图比图快得多?

    我正在 MATLAB 中构建数据分析平台 该系统的特点之一是需要创建许多绘图 在任何给定时间只有一个图可用 用户可以根据请求遍历到下一个 上一个 这里强调的是不需要打开多个窗口 最初我使用的是figure每次显示新图时都会执行命令 但我注意
  • 在ajax中从wordpress调用PHP函数?

    重置 php 文件
  • 为什么无法在 ASP.NET 视图中设置断点?

    如果我在编译的代码中设置断点 例如在操作中 我就可以单步执行 并最终单步执行视图的生成 我曾多次发现这很有用 但它很乏味 因为您必须逐步执行大量代码才能到达那里 但是 我无法在视图中设置断点 我刚刚收到消息 This is not a va
  • griddata 运行时错误 - Python / SciPy(插值)

    我使用 scipy griddata function 进行插值 python 执行 griddata 函数时出现以下错误消息意味着什么 File C Python25 lib site packages scipy interpolate
  • 无法在组件中注入 bean

    我已经使用 Spring Quartz 调度程序示例实现了这个链接我有一个简单的 MyJobTwo java 组件 它有一个方法executeInternal 正在使用CronTriggerFactoryBean 这是我的QuartzCon
  • 使用带有文件和查询参数的 Python 请求向 FastAPI POST 请求

    我正在使用 FastAPI 来服务一些 ML 模型 并且我有一个Streamlit使用 Python 的基本 UIRequests module 我的一项服务是通过 POST 请求获取图像 它的工作就像一个魅力 服务器端 app post
  • Z3 列表的包含函数公理化的不同方法

    公理化列表上的包含操作 在 Rise4Fun 上 as declare fun Seq in List Int Int Bool assert forall e Int not Seq in nil e assert forall xs L
  • 如何向嵌套数组添加项目?

    假设我在 Javascript 中有一个这样的数组 var cars vendor type camry etc 在 Javascript 中 我可以使用什么命令来添加要输入的项目 例如 如果我想要一个文本框 用户可以将文本放入其中 然后单
  • Django ajax文件上传

    因此 我尝试在没有任何外部插件的情况下上传文件 但遇到了一些错误
  • 如何在 Android 中设计支持多屏设备和平板电脑的应用程序

    如果应用程序必须支持从 android 1 6 设备及更高版本开始 该应用程序还必须支持平板电脑 创建应用程序时我必须考虑哪些事情 我读过了如何支持多屏幕 我认为所描述的摘要是 在清单中明确声明您的屏幕尺寸 应用支持 概要 1 针对不同的屏
  • 有关仅正确使用设置器和变量的问题

    我当前的编程作业有问题 我觉得我已经非常接近正确了 但是有些地方不对劲 我知道我必须做一些不同的事情才能使程序正常运行 因为它现在不起作用 但我不确定它是什么 我特别在努力解决如何使用单个私有变量来生成两种温度的问题 这是作业 制作一个温度
  • RxJs 订阅后,Angular 2 从服务返回的数据不可用

    在我的 map service 中我这样编码 loadAdminDataDiv Observable
  • ajax调用servlet并重定向到jsp

    在下面的代码中 我想通过ajax调用servlet 然后将数据从servlet重定向到jsp 对servlet的ajax调用工作正常 但问题是重定向到jsp页面未在浏览器中显示 并且相同的jsp当我使用没有ajax的javascript代码
  • 非常简单的代表思考

    有时最简单的问题让我越来越喜欢C C 和C 今天坐在公交车上沉思着我记得的代表们 读到实例化时不需要使用 new 关键字的地方 新代表 例如 public static void SomeMethod string message publ
  • C++11 成员初始值设定项列表与类内初始值设定项?

    C 11 中这些初始化对象成员变量的方法有什么区别 还有别的办法吗 哪种方式更好 性能 class any public obj s obj value any Or class any public obj s any s value T
  • 计算多项系数

    我想计算多项式系数 mod 1e9 7 它等于 n k0 k1 k2 km 在我的例子中 m 3 k0 k1 k2 并且 所以它是 an k0 k1 k2 我的代码 long long k2 n k1 k0 long long dans f
  • 如何强制 Hibernate 在更新前删除孤儿

    假设我有以下模型结构 Entity Table public class AnnotationGroup private List
  • 以编程方式获取 OSX 中应用程序文件夹的名称

    在美国和欧洲 应用程序文件夹名为Applications 但是在中文或日文本地化下它是如何命名的呢 有没有办法以编程方式获取文件夹的名称 文件系统中的目录名称始终为英文 目录可以附加本地化名称以向用户显示 但这些名称不是您用来访问目录的名称
  • 工作线程启动时出现 Elastic Beanstalk SQSD 错误

    我已经部署了一个nodejs工作人员 但是 每当我尝试启动它时 它就会变红并显示以下错误 错误实例 i 6eef007a 模块 AWSEBAutoScalingGroup ConfigSet null 命令在实例上失败 返回代码 1 输出
  • 在tinymce编辑器中更改背景工具栏颜色和文本颜色

    我在tinymce的init调用中使用了这段代码来指向我的主css文件