chore: add autoresize plugin to adjust the height of tinymce editor

openedx · Nov 12, 2024 · 132b7fe · 132b7fe
1 parent c73567b
commit 132b7fe
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/RichEditor/index.jsx b/src/components/RichEditor/index.jsx
@@ -9,6 +9,7 @@ import 'tinymce/plugins/legacyoutput';
 import 'tinymce/plugins/link';
 import 'tinymce/plugins/lists';
 import 'tinymce/plugins/directionality';
+import 'tinymce/plugins/autoresize';
 import 'tinymce/themes/silver/theme';
 import '@edx/tinymce-language-selector';
 import 'tinymce/skins/ui/oxide/skin.css';
@@ -89,7 +90,9 @@ class RichEditor extends React.Component {
             init={{
               branding: false,
               menubar: false,
-              plugins: 'legacyoutput link lists language directionality',
+              plugins: 'legacyoutput link lists language directionality autoresize',
+              min_height: 200,
+              max_height: 400,
               statusbar: false,
               selector: `#${id}`,
               toolbar: 'undo redo | bold italic underline | bullist numlist | link | language | ltr rtl',