Block Code

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

Download

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

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/blockcode.js"></script>

        <!-- call -->
        <script>
        ArticleEditor('#entry', {
            plugins: ['blockcode'],
            css: '/your-article-dist-path/'
        });
        </script>
    </body>
</html>