Selector

This plugin allows you to edit and assign ID or CSS class to any block.

    Demo

    Click on a block then choose the di├Ęse (#) icon on the toolbar to open the Selector popup and edit ID or class of the block.

    Code

    <!DOCTYPE html>
    <html>
        <head>
            <title>Article Editor</title>
            <meta charset="utf-8">
    
            <!-- css -->
            <link rel="stylesheet" href="/your-article-dist-path/article-editor.css" />
        </head>
        <body>
            <!-- element -->
            <textarea id="entry">...</textarea>
    
            <!-- js -->
            <script src="/your-article-dist-path/article-editor.js"></script>
            <script src="/your-article-dist-path/plugins/selector.js"></script>
    
            <!-- call -->
            <script>
            ArticleEditor('#entry', {
                plugins: ['selector'],
                css: '/your-article-dist-path/'
            });
            </script>
        </body>
    </html>