通过拖动底部状态栏调整文本区域的大小

Question

我是WordPress的新手。有没有办法通过拖动底部边框线来调整TinyMCE文本区域的大小？

任何帮助将不胜感激。

Answer 1

使用 ctrl+shift+I 检查该区域，然后出现 HTML 代码以检查它并在右侧添加 CSS 尝试一下，然后在 Wordpress 自定义中还有其他 CSS，因此您可以添加自定义 CSS

Answer 2

我用一些css技巧实现了它。

$('.tox-statusbar').css('padding', '0');
$('.tox-statusbar__text-container').addClass('statusbar-text-container');
$('.tox-statusbar__wordcount').addClass('statusbar-wordcount');
$('.tox-statusbar__branding').addClass('d-none');
$('.tox-statusbar__resize-handle').addClass('statusbar-resize-handle');

和;

.statusbar-text-container {
position: absolute !important;
width: 100% !important;
}
.statusbar-wordcount {
margin-right: 3% !important;
}
.statusbar-resize-handle {
margin-right: 0px !important;
z-index: 1000 !important;
width: 100% !important;
cursor: ns-resize !important;
} 

这实际上将文本区域的默认调整大小部分扩展到 tinymce 底部栏。