javascript - 如何在tinyMCE事件编辑器弹出窗口中的自定义按钮上应用CSS

标签 javascript css tinymce-4

我想在我的tinyMCE事件编辑器弹出窗口中添加自定义CSS,附上屏幕截图供您引用。 enter image description here

下面是引用代码:

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'

然后

.defaultSkin span.mce_upload {some_css: css_value}

关于javascript - 如何在tinyMCE事件编辑器弹出窗口中的自定义按钮上应用CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37185129/

相关文章:

html - 我想让我的 div 漂浮在前一个 div 后面

css - TinyMCE 的皮肤字体

html - 使用 float 和边距 : auto 的 TinyMCE 怪异图像对齐

javascript - 侧面预览tinyMCE内容

javascript - 哪些 jQuery 方法可用于 jQuery 创建元素调用的对象参数?

javascript - 从 JavaScript 窗口打开时点击 MVC Controller 时如何传递附加参数但不在 url 中

javascript - 如何在不移动原始位置的情况下在另一个元素之前插入一个html元素

javascript - 需要刷新 iFrame 内容(在 Div 中加载页面内容)

css - 如何强制 `span` 不在行尾换行?

css - 登录客户的唯一CSS?