Disable/Enable

This example show how to disable and enable the editor.

    Demo


    Code

    <!DOCTYPE html>
    <html>
    <head>
        <title>Article Editor</title>
        <meta charset="utf-8">
    
        <!-- css -->
        <link rel="stylesheet" href="/your-article-dist-path/article-editor.min.css" />
    </head>
    <body>
        <!-- element -->
        <textarea id="entry" disabled>
            <p>Content</p>
        </textarea>
    
        <!-- js -->
        <script src="/your-article-dist-path/article-editor.min.js"></script>
    
        <!-- call -->
        <script>
        var app = ArticleEditor('#entry', {
            css: '/your-article-dist-path/'
        });
    
        function enableEditor() {
            app.enable();
        }
    
        function disableEditor() {
            app.disable();
        }
        </script>
    </body>
    </html>

    Usage

    If textarea with content has the disabled attribute, the editor will start in disabled mode. You can also start the editor in disabled mode by specifying it in the setting:

    ArticleEditor('#entry', {
        css: '/your-article-dist-path/',
        editor: {
            disabled: true
        }
    });
    

    To control the disabled mode state use API methods: