Special Chars

Download

Select and insert special characters from the popup.

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

<!DOCTYPE html>
<html>
    <head>
        <title>Article Editor</title>
        <meta charset="utf-8">

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

        <!-- js -->
        <script src="/your-folder/article-editor.js"></script>
        <script src="/your-folder/plugins/specialchars.js"></script>

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

How the plugin works

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'],
    specialchars: {
        items: ['&lsquo;', '&rsquo;', '&ldquo;', '&rdquo;', '&ndash;', '&mdash;']
    }
});