Select and insert special characters from the dropdown.

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>
        <title>Redactor X</title>
        <meta charset="utf-8">

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

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

        <!-- call -->
        RedactorX('#entry', {
            plugins: ['specialchars']


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:

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