Block Code

The Block Code plugin allows to edit separately the code of each block in the popup.

    Demo

    Click on any block and see the control with the plugin icon on the left side.

    Code

    <!DOCTYPE html>
    <html>
        <head>
            <title>Redactor</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/blockcode.js"></script>
    
            <!-- call -->
            <script>
            RedactorX('#entry', {
                plugins: ['blockcode'],
                control: true
            });
            </script>
        </body>
    </html>