Javascript 如何在tinyMCE活动编辑器弹出窗口中的自定义按钮上应用CSS

我想在我的tinyMCE活动编辑器弹出窗口中添加自定义CSS，附上屏幕截图供您参考

以下是参考代码：

tinymce.activeEditor.windowManager.open({
title: 'Browse Image Gallery',
    file: "data/get_images_tiny.php",
        width: 500,
        height: 305,
        resizable: "no",
        inline: "yes",
        close_previous: "no",
        buttons: [{
            text: 'Upload Image from your PC',
            onclick: function () {
            //do something               
            }
        }, {
            text: 'Close',
            onclick: 'close'
            }]
        }
});

---

最好的方法是通过定义自定义css文件来覆盖样式

Tinymce初始化配置

editor_css : 'editor.css'

然后

---

最好的方法是通过定义自定义css文件来覆盖样式

Tinymce初始化配置

editor_css : 'editor.css'

然后

---

您可以使用

.mce btn按钮

选择器为所有具有此选择器的按钮添加自定义样式

您在

skin.min.css

还有其他选择器，如

.mce主按钮

此css位于

[path/to/tinymce/]tinymce/js/tinymce/skins/lightgray

其中lightgray是主题名称

您也可以在

编辑器.css中覆盖它

更新

您可以像这样为弹出窗口添加自定义css（）：

您可以使用
.mce btn按钮
选择器为所有具有此选择器的按钮添加自定义样式

您在
skin.min.css

还有其他选择器，如
.mce主按钮

此css位于
[path/to/tinymce/]tinymce/js/tinymce/skins/lightgray

其中lightgray是主题名称

您也可以在
编辑器.css中覆盖它

更新

您可以像这样为弹出窗口添加自定义css（）：

您可以这样使用：

tinyMCE.activeEditor.windowManager.open({
    file : "data/get_images_tiny.php",
    title : 'Browse Image Gallery',
    width: 500,
    height: 305,
    resizable: "no",
    inline: "yes",
    close_previous: "no",
    buttons: [{
          text: 'Insert',
          classes: 'widget btn primary first abs-layout-item',
          onclick: 'close',
          id: 'insertButton'
      }, {
          text: 'Close',
          onclick: 'close',
      }]
});

您可以这样使用：

tinyMCE.activeEditor.windowManager.open({
    file : "data/get_images_tiny.php",
    title : 'Browse Image Gallery',
    width: 500,
    height: 305,
    resizable: "no",
    inline: "yes",
    close_previous: "no",
    buttons: [{
          text: 'Insert',
          classes: 'widget btn primary first abs-layout-item',
          onclick: 'close',
          id: 'insertButton'
      }, {
          text: 'Close',
          onclick: 'close',
      }]
});

你能提供一个有效的演示吗？在上面或类似的地方。你不能只针对类和样式吗？嗨，安迪，谢谢你的回答，但我不能针对样式，因为它来自javascript，这里没有类元素。这就是它产生的：上传图像你能提供一个工作演示吗？在上面或类似的地方。你不能只针对类和样式吗？嗨，安迪，谢谢你的回答，但我不能针对样式，因为它来自javascript，这里没有类元素。这就是它产生的结果：上传图像参考这个，如果我覆盖这个默认css，它将反映在所有按钮中，这不是必需的，我也检查了你提供的链接，但没有找到我的答案你需要自己尝试一下。参考这个，如果我覆盖这个默认css，它将反映在所有按钮中，这不是必需的，我也检查了你提供的链接，但没有找到我的答案。你需要自己尝试一下。