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 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);