Selector

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

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>Redactor X</title>
        <meta charset="utf-8">

        <!-- css -->
        <link rel="stylesheet" href="/your-folder/redactorx.css" />
    </head>
    <body>
        <!-- element -->
        <textarea id="entry">...</textarea>

        <!-- js -->
        <script src="/your-folder/redactorx.js"></script>
        <script src="/your-folder/plugins/selector.js"></script>

        <!-- call -->
        <script>
        RedactorX('#entry', {
            plugins: ['selector']
        });
        </script>
    </body>
</html>