webtexttools

WebTextTools Character Picker adds a lightweight character picker to Gutenberg so writers can insert common accented and special symbols in one click.
Perfect for adding symbols like €, π, ©, é, and more directly while writing.
Features:
<ul>
<li>One-click insert for HTML entities and special characters</li>
<li>Toolbar button in rich text controls</li>
<li>Searchable character list</li>
<li>Tabs for Accents, Symbols, Currency, and Math</li>
<li>Hover tooltips with character and HTML entity</li>
<li>Optional copy-to-clipboard action</li>
<li>Recently used characters list</li>
<li>Optional subtle footer credit link configurable in Settings</li>
</ul>
No frontend assets are loaded. The plugin only runs in the block editor.

WebTextTools Character Picker

Insert accented and special characters into Gutenberg with a fast, searchable character picker.

10up

Jeffrey Paul

Adam Silverstein

John Watkins

Ever wanted to add a special character while working within the WordPress block editor (Gutenberg) and suddenly find yourself longing for the days of the Classic Editor and the Special Character inserter? Well long no more, the Insert Special Characters plugin is here to ease your publishing woes!
Note: you can display the popover via the <code>ctrl</code>/<code>cmd</code> + <code>o</code> keyboard shortcut.
Development takes place in the <a href="https://github.com/10up/insert-special-characters" rel="nofollow ugc">GitHub repository</a>.
<h3>Technical Notes</h3>
<ul>
<li>Requires PHP 7.4+.</li>
<li>Requires <a href="https://wordpress.org/" rel="ugc">WordPress</a> 6.6+</li>
<li>Issues and Pull requests welcome in the <a href="https://github.com/10up/insert-special-characters" rel="nofollow ugc">GitHub repository</a>.</li>
</ul>
<h3>Extending</h3>
To control the available tabs and characters, developers can filter the data set using the <code>insertspecialcharacters-characters</code> JavaScript (<code>wp.hooks</code>) filter.
For example, to create a character inserter that only provides currency symbols:
<pre><code>wp.hooks.addFilter(
 'insertspecialcharacters-characters', // The filter name.
 'mycallback', // Our callback namespace.
 function( component ) { // The callback function.

 // Return the categories/characters to display.
 // The data structure is: { category: [ character data ], category2: ... }
 return {
 "Currency": [
 { "entity": "&dollar;", "hex": "&#0024;", "name": "Dollar Sign", "char": "$" },
 { "entity": "&euro;", "hex": "&#20AC;", "name": "Euro Sign", "char": "€" },
 { "entity": "&cent;", "hex": "&#00A2;", "name": "Cent Sign", "char": "¢" },
 { "entity": "&pound;", "hex": "&#00A3;", "name": "Pound Sign", "char": "£" },
 { "entity": "&yen;", "hex": "&#00A5;", "name": "Yen Sign", "char": "¥" },
 ]
 };
 }
);
</code></pre>

Insert Special Characters

A Special Character inserter for the WordPress block editor (Gutenberg).

WebTextTools Character Picker vs Insert Special Characters