Special Chars

Select and insert special characters from the popup.

    Demo

    Click on an editable block and then on the Ω icon on the toolbar. Choose a character from the shown popup and insert it.

    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/specialchars.js"></script>
    
            <!-- call -->
            <script>
            ArticleEditor('#entry', {
                plugins: ['specialchars'],
                css: '/your-article-dist-path/'
            });
            </script>
        </body>
    </html>

    Usage

    The set of symbols that will be shown in the popup of the plugin is specified as an array in the setting of the plugin itself. This set can be changed by specifying your own array like this:

    ArticleEditor('#entry', {
        plugins: ['specialchars'],
        css: '/your-article-dist-path/',
        specialchars: {
            items: ['&lsquo;', '&rsquo;', '&ldquo;', '&rdquo;', '&ndash;', '&mdash;']
        }
    });