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.
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. https://photoroomaiapks.org/
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);