Skip to content
Beautiful Javascript web editor that's easy to integrate for developers and your users will simply fall in love with its clean design.
JavaScript CSS PHP HTML Hack
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_inc
archive
assets
changelog
documentation
download
playground
.gitignore
.htaccess
LICENSE
README.md
config.codekit3
google9a2ba4a21ba11ef5.html
index.php
package-lock.json

README.md

MUDS Editor

Getting started with MUDS

Simply paste the following snippet in your code where you want MUDS editor to appear.

<!-- Include stylesheet -->
<link rel="stylesheet" href="/assets/css/muds.min.css">

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

<!-- Include the muds library -->
<script src="/assets/js/muds.min.js"></script>

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

Example

Example of MUDS Editor

Custom menu items

var editor = new muds({
    selector: 'editor',
    menuStyle: 'custom',
    menuCustom: [
        'separator',
        'header',
        'fonts',
        'underline',
        'strikeThrough',
        'bold',
        'italic',
        'link',
        'changeColor',
        'image',
        'undo',
        'redo',
        'blockquote',
        'code',
        'unorderedList',
        'orderedList',
        'selectAll',
        'copy',
        'cut',
        'delete',
        'justification',
        'justifyLeft',
        'justifyCenter',
        'justifyRight',
        'indent',
        'outdent',
        'print',
        'showHTML',
        'showText',
        'fullScreen'
    ]
});
You can’t perform that action at this time.