tinymce toolbar尺寸变小一点

TinyMCE 是一个流行的基于Web的所见即所得编辑器，其工具栏（toolbar）的尺寸可以通过CSS来调整。若要使TinyMCE的工具栏尺寸变小，可以通过修改其CSS样式来实现。以下是一些基本的步骤：

1. 首先，确定你的编辑器实例ID或类名，以便于添加自定义CSS。通常情况下，编辑器的容器会有一个如 `mce-container-body` 的类。

2. 创建一个CSS规则，针对编辑器的工具栏添加样式。例如，如果你使用的是默认的工具栏，可以添加以下CSS规则：

.tinymce .mce-container-body .mce-flow-layout-item .mce-btn-group {
    height: 24px; /* 例如，将按钮高度设置为24px */
}

.tinymce .mce-container-body .mce-flow-layout-item .mce-btn-group .mce-btn {
    padding: 2px 6px; /* 调整内边距以减小按钮尺寸 */
}

3. 如果你需要调整工具栏的宽度，可以使用类似下面的样式：

.tinymce .mce-container-body .mce-flow-layout-item {
    width: auto; /* 自定义宽度 */
}

4. 确保这些CSS规则在TinyMCE加载之后被加载，这样它们才能正确地应用到编辑器上。

通过上述方法，你可以根据需要调整TinyMCE工具栏的尺寸。请记住，调整尺寸时需要保持用户界面的可用性和可读性。