Editor Height

If you don’t set the height, the editable area’s height will change according to contents. You can define min-, and max-height as well.


Example:

<!-- Include the MUDS stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/muds-editor@1.6.0/muds.min.css">

<!-- Create the editor container -->
<textarea id="editor"></textarea>

<!-- Include the MUDS library -->
<script src="https://cdn.jsdelivr.net/npm/muds-editor@1.6.0/muds.min.js"></script>

<!-- Initialize MUDS editor -->
<script>
var muds = new muds({
    selector: 'editor',
    height: '300px',
    minheight: '200px',
    maxHeight: '400px',
});
</script>
                    

                    

                

Resize Editor

The editor is resizable by default, but can be disabled like so: resize: false.


Example:

<!-- Include the MUDS stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/muds-editor@1.6.0/muds.min.css">

<!-- Create the editor container -->
<textarea id="editor"></textarea>

<!-- Include the MUDS library -->
<script src="https://cdn.jsdelivr.net/npm/muds-editor@1.6.0/muds.min.js"></script>

<!-- Initialize MUDS editor -->
<script>
var muds = new muds({
    selector: 'editor',
    resize: false
});
</script>