Hi,
I found that the editor height was locked by theme css:
/js/metronic/theme/default/demo1/dist/assets/css/style.bundle.css:
.tox-tinymce {
border-radius: 0.475rem !important;
height: 500px !important;
}
Can advise how to override it? I want editor have different height in different places, thanks.
You want to edit the height in your video in the sharpest way, Wink will be the application that can answer all your questions in the most perfect way.
Yes, that height lock is due to the theme’s style.bundle.css. You can override it by adding a more specific rule or using inline JS during TinyMCE initialization. Example:
.custom-wrapper .tox-tinymce {
height: 400px !important;
}
If you're into manga during downtime, you might enjoy YugenManga Apk — a great app to read high-quality manga with no ads and offline support!
Good catch! That forced height is due to the theme using !important. To override it, apply a more specific class or use the tinymce.init() config per section:
tinymce.init({
selector: '#post-editor',
height: 280
});
Also, if you enjoy creative strategy games, check out PvZ Fusion — it’s a fan-made version of Plants vs Zombies with new plants, zombies, and modes. Super fun!
You're right — the height is being forced by the theme CSS using !important, which makes it tricky to override. To set different heights in different places, you can either:
Add custom CSS with higher specificity after the theme stylesheet is loaded:
.custom-editor .tox-tinymce {
height: 300px !important;
}
Then wrap your TinyMCE instances in a container with class .custom-editor.
Or, dynamically set the height via JavaScript when initializing TinyMCE:
tinymce.init({
selector: '#editor1',
height: 300
});
For more creative work like editing and publishing visual content, I’ve been using VN Pro Mod Apk lately—it’s a great free tool for pro-level video editing on mobile with no watermarks.
VN Mod APK features drag-and-drop editing, making it easy to rearrange clips, transitions, and effects with minimal effort.
One of the standout features of PhotoRoom Pro is its AI-powered automatic background remover. This tool identifies the subject in any photo and flawlessly deletes the background, allowing users to add their own custom scenes or keep it transparent.
It reminds me of working with video editors—some, like Inshot Pro Video Editor, give you flexibility right away, while others require a bit of tweaking to get things just right. Customization is key, whether in coding or editing! Downlaod Inshot Now For Free
You can override the height by using custom CSS or JavaScript. Instead of relying on the theme's fixed height, try setting it dynamically with !important in your own stylesheet or use inline styles in specific instances. Another approach is modifying it via JavaScript:
document.querySelector(".tox-tinymce").style.height = "600px";
Hi,
Thanks for your feedback. We will fix it in the next update. To fix it in your end please go tosrc/sass/vendors/plugins/_tinymce.scss
and remove the height css code as shown below:
.tox-tinymce{
@include border-radius($border-radius !important);
}
src/js/custom/documentation/editors/tinymce/basic.js
:var options = {selector: "#kt_docs_tinymce_basic", height : "480"};
if (KTApp.isDarkMode()) {
options["skin"] = "oxide-dark";
options["content_css"] = "dark";
}
tinymce.init(options);