Special Chars

Enriches text editing by providing easy access to a wide array of special characters, enhancing content expressiveness.

To insert a character, select the Ω icon on the toolbar. The choose a character from the popup that appears and insert it into your text.

Code

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

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

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

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

Usage

The symbols displayed in the plugin's popup are determined by an array specified within the plugin's settings. You can customize this set by defining your own array, as demonstrated below:


Redactor('#entry', {
    plugins: ['specialchars'],
    specialchars: {
        items: ['&lsquo;', '&rsquo;', '&ldquo;', '&rdquo;', '&ndash;', '&mdash;']
    }
});

By default, the plugin adds its button to the toolbar and context bar. To remove it from the context bar, disable the context setting:


Redactor('#entry', {
    plugins: ['specialchars'],
    specialchars: {
        context: false
    }
});