在TinyMCE 4中设置按钮的大小
在TinyMCE 4中，可以通过自定义CSS样式来设置按钮的大小。以下是一种常见的方法：
- 首先，在TinyMCE的初始化配置中，添加一个
content_css属性，指定一个自定义的CSS文件路径，例如：tinymce.init({ selector: 'textarea', content_css: 'path/to/custom.css', // 其他配置项... }); - 在自定义的CSS文件中，添加对按钮的样式设置。可以使用
!important关键字来确保样式优先级，例如：.mce-btn { width: 30px !important; height: 30px !important; /* 其他样式设置... */ }这里的.mce-btn是TinyMCE按钮的默认类名，通过设置它的width和height属性，可以调整按钮的大小。 - 保存并加载页面，你会发现TinyMCE的按钮大小已经被设置为你所定义的值。
需要注意的是，这种方法只适用于TinyMCE 4版本。对于其他版本，可能需要使用不同的方法来设置按钮的大小。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）。
腾讯云云服务器（CVM）是一种弹性计算服务，提供可扩展的云服务器实例，可满足不同规模和业务需求。了解更多信息，请访问：腾讯云云服务器
腾讯云对象存储（COS）是一种安全、稳定、低成本的云端存储服务，适用于存储和处理各种类型的数据。了解更多信息，请访问：腾讯云对象存储
相关·内容
1回答
在TinyMCE 4中设置按钮的大小
tinymce、tinymce-4
我是TinyMCE的新手，在TinyMCE 4中，我尝试将编辑器中一些按钮的大小设置为small，另一些设置为medium。我知道这个属性是toolbar_items_size，但它设置了按钮的所有大小：small或medium。相反，我尝试在向编辑器注册按钮之后、初始化主题之前在editor.buttons[
浏览 53提问于2018-08-02得票数 0
1回答
TinyMCE图像调整模式
javascript、firefox、tinymce、tinymce-4
我在内联模式下使用TinyMCE v.4.0.8。我需要选择图像，以便用户可以调整它的大小。在设置中禁用对象调整大小。当用户按下我的自定义按钮时，它允许对象调整大小，并且应该选择图像来绘制调整大小的手柄。我尝试过很多不同的方法。这个在Chrome上工作，但在Firefox中不起作用：
// my image node is defined in
浏览 2提问于2013-12-09得票数 1
回答已采纳
1回答
TinyMCE v5.9.2图像标题的问题
image、tinymce、caption
我在一个定制的CMS中使用TinyMCE v5.9.2作为新闻文章的RTE。我正在使用TinyMCE init中的高级列表、列表、图像、图像工具、图表、预览、锚、代码、链接和粘贴插件，image_caption设置为true。当我使用拖放插入图像或单击按钮选择图像时，当我选中标题框时，图像将保持正确的大小，但是区域轮廓占用了使用TinyMCE的文本区域的整个宽度。
浏览 6提问于2022-03-28得票数 0
1回答
如何根据屏幕宽度在Rails应用中编辑TinyMCE编辑器的宽度
javascript、css、ruby-on-rails、tinymce
我正在尝试根据屏幕的大小在Rails5应用程序中编辑TinyMCE编辑器的宽度。我最初尝试使用下面的代码，当您手动刷新页面时，这似乎有时会起作用，但如果您导航到我的网站的另一个页面，该页面上有TinyMCE编辑器，而没有单击刷新按钮，则设置不会生效。if (screen.width < 700) { selector: '.t
浏览 12提问于2018-03-01得票数 0
3回答
使用JQuery时，TinyMCE不适合页面
jquery、html、css、tinymce
我已经创建了一个"compose note“按钮，当单击它时，它会显示一个最初隐藏的div，其中包含一个带有TinyMCE文本区的表单。我遇到的问题是，当显示时，TinyMCE文本区域太宽，不适合页面的其余部分。它只是突出页面之外的所有东西都是白色的。我的其他TinyMCE文本没有同样的问题，当我调整浏览器的宽度时，宽度也会随之调整。
我的猜测是这一定是
浏览 3提问于2011-04-09得票数 2
回答已采纳
1回答
TinyMCE -外部工具栏位置
javascript、css、tinymce
我正在尝试使用TinyMCE创建一个多文本框，点击编辑类型的图形内容编辑器。我已经有了TinyMCE，我可以添加和删除它们，定位和调整它们的大小，单击编辑它们，等等--但有一件事困扰着我，那就是工具栏。我有一个外部工具栏，我试图将其定位在页面的底部边缘，以及我的“保存并关闭”按钮和其他一些工具按钮。外部工具栏是由TinyMCE在具有"mceExternalToolbar"类的DI
浏览 3提问于2009-04-06得票数 5
回答已采纳
1回答
耳鸣按钮内的JavaScript循环
javascript、arrays、tinymce
我的JavaScript循环在tinymce按钮中不能正常工作。然后，我创建了tinymce按钮数组：var menuItems = [];editor.on}
浏览 0提问于2019-05-18得票数 1
回答已采纳
1回答
调整高度tinyMCE编辑器的大小
javascript、tinymce
我设置了引导选项卡，其中一个选项卡具有tinyMCE编辑器，另一个选项卡包含tinyMCE编辑器中数据的原始/小型化版本。我的问题是，当其他选项卡(原始数据选项卡)处于活动状态时，当用户切换回tinyMCE选项卡时，编辑器的高度仍然是100 at。但是一旦用户在编辑器中单击，它就会调整大小
浏览 1提问于2018-08-20得票数 0
回答已采纳
1回答
如何让用户在WordPress WSIWYG文本编辑器中更改文本字体和颜色
html、css、wordpress
我已经为客户端建立了一个WordPress网站，并发现用户无法：2)更改实际字体对于文本，它们将输入到WordPress管理部分，因为在WSIWYG编辑器中没有这样做的工具任何关于如何实现这一点的建议，我已经尝试寻找一个插件，使这一点，但似乎找不到一个。附注：我
浏览 2提问于2014-09-03得票数 2
回答已采纳
1回答
如何修复TinyMCE 4编辑器中出现的插件错误
javascript、vue.js、plugins、tinymce-4
我为TinyMCE 4编写了插件并添加到安装函数中。 }); }] }然后在编辑器里面看起来是这样的：
浏览 1提问于2019-08-21得票数 0
2回答
如何在Wordpress中自定义TinyMCE按钮在悬停时更改图标
javascript、wordpress、tinymce
我为Wordpress编辑器创建了TinyMCE插件来插入Youtube视频。一切正常，除了这个按钮没有悬停状态(就像默认的按钮一样)。我研究了代码，发现了一个不同之处--默认的按钮是带有背景图像的sprite，而我的自定义按钮是一个普通的图像。TinyMCE addButton()函数中没有插入跨度的选项，只能插入图像：
ed.addButton('p2_youtube
浏览 0提问于2012-03-14得票数 2
回答已采纳
1回答
很难让TinyMCE具有自动大小的宽度
javascript、tinymce
我正在尝试将TinyMCE合并到我的CMS中，而且我有一个最困难的时间来调整容器的大小来调整宽度。我使用的是高级工具栏主题，如果宽度变小，按钮不会掉到下面形成另一行。我已经搜索了很多论坛和TinyMCE文档，我找不到适合我的解决方案。到目前为止，我已经尝试过：
functionSetting 将tinyMCE.init auto_resize中的宽度设置为true，用CSS更改工具
浏览 5提问于2009-03-01得票数 5
回答已采纳
2回答
是否有可能重复使用图像细节弹出？
tinymce
我想用“编辑图像详细信息”按钮扩展我的小部件中的图像字段。是否有可能以某种方式重用tinyMCE编辑器中的弹出窗口？例如，我可以使用大小设置。
浏览 0提问于2014-10-18得票数 5
回答已采纳
3回答
TinyMCE的addButton()函数中所有可能的设置属性是什么？
javascript、button、user-interface、tinymce、wysiwyg
名称-字符串-要添加的按钮名称。
"etc"？真的？我在哪里可以看到其余可能的属性？
浏览 66提问于2013-01-18得票数 52
回答已采纳
2回答
可调整大小的tinyMCE实例不能与jqueryUI的.draggable一起工作
jquery-ui、tinymce、draggable、resize、resizable
我有一个动态创建的TinyMCE文本区(使用外部工具栏)，在容器div中。我试图让它是可拖动的，可调整大小的(整个文本区)。jQueryUI的.draggable()可以与tinyMCE一起使用，但是如果我使用.resizable()，那么当我单击该区域时，tinyMCE外部工具栏就不会出现。如果我在它的设置中使用tinyMCE的大小</
浏览 3提问于2012-05-25得票数 5
3回答
TinyMCE和pluploader不能一起工作
javascript、jquery、file-upload、tinymce
我想在网页上有一个TinyMCE文本区和pluplupload自定义文件上传的实例。问题是，在我的Firefox3.6或Google Chrome中，它们不能协同工作。我尝试了两个版本的TinyMCE -标准版和jQuery版。
我尝试使用FireBug调试plupload的初始化(以便首先初始化tinymce )，它开始工作。然后，我尝试在初始化plupload的调用中使用setTimeout 2秒，然后再次成功。
浏览 0提问于2010-04-09得票数 6
2回答
调整窗口大小时调整tinymce实例的大小
javascript、resize、window、tinymce、wysiwyg
我有以下javascript代码：在调整窗口大小时，我想调整编辑器的大小。我也尝试过启用和禁用它，方法是调用tinymce.execCommand('mceAddControl', true, id);
但是，“添加”的</e
浏览 0提问于2012-07-24得票数 1
回答已采纳
3回答
WP Tiny MCE帖子编辑器中的自定义按钮以获取快捷代码
php、wordpress、tinymce、shortcode
尝试在Wordpress的文章编辑器的微型MCE编辑器上创建一个特殊的按钮。我想为我创建的快捷代码工具提示创建一个按钮。查看我想要的输出：对于我的工具提示快捷代码，我有以下代码：function tooltip($atts, $content = ''){[tooltips class=
浏览 0提问于2014-08-15得票数 0
2回答
禁用wp_editor中的一些按钮
wordpress、tinymce
通过下面的代码行，我在Wordpress的元框中使用tinyMce编辑器，当我使用它时，我想删除一些按钮。我不想影响主编。我知道如何删除一些按钮，即。我的问题是，当我用wp_editor调用编辑器时，是否有可能禁用一些按钮(例如更多)。我检查了它的，参数似乎不支持这一点。
浏览 2提问于2014-09-09得票数 0
回答已采纳
1回答
从DIV样式设置fontsize_formats按钮区域和字体按钮区域
tinymce-4
我运行的是TinyMCE 4，font_formats和fontsize_formats的下拉列表。这使我可以设置任何选定文本的字体和字体大小，如果稍后返回并选择该文本，字体名称和字体大小将出现在fontsize和字体按钮区域，如下所示：这一切都很好，但我还想做的是单击工具栏中的其他按钮，在我的示例中说"Box“按钮，让它读
浏览 3提问于2015-03-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
云直播
实时音视频活动推荐
腾讯云开发者
