grommasdietz/kirby-hidden-characters

Visually show hidden characters on Kirby CMS

Maintainers

Details

github.com/grommasdietz/kirby-hidden-characters

Homepage

Source

Issues

Installs: 382

Dependents: 0

Suggesters: 0

Security: 0

Stars: 43

Watchers: 1

Forks: 0

Open Issues: 0

Language:SCSS

Type:kirby-plugin

pkg:composer/grommasdietz/kirby-hidden-characters

v2.0.12 2025-11-03 14:50 UTC

Requires

Requires (Dev)

MIT 27a575be9b3880126310f0d04df9495cae8b8cf7

kirbykirby-pluginkirby-cmshidden-characters

This package is auto-updated.

Last update: 2025-12-05 13:46:23 UTC

README

Kirby CMS plugin to visually show hidden characters like spaces, soft hyphens, line breaks or paragraph endings in focused writer, textarea and text fields. The dimmed visual feedback is based on the appearance of Adobe’s solution in InDesign, providing a familiar experience for content editors.

Cover image showing an example of the plugin in use

Legend

The plugin visualizes the following characters using a custom icon font:

Name Unicode Character Description
Space U+0020 Space Space Centered dot
Thin Space U+2009 Thin Thin Centered dot with chevron above
No-Break Space U+00A0 No break No break Centered dot with inverted chevron below
Narrow No-Break Space U+202F Narrow no break Narrow no break Centered dot with inverted chevron above
Em Space U+2003 Em Em Centered dot with em dash below
En Space U+2002 En En Centered dot with en dash below
Three-Per-Em Space U+2004 Three Three Centered dot with large dot above
Four-Per-Em Space U+2005 Four Four Centered dot with large dot below
Six-Per-Em Space U+2006 Six Six Centered dot with same-sized dot below
Hair Space U+200A Hair Hair Centered dot with two small dots above
Punctuation Space U+2008 Punctuation Punctuation Centered dot with dot below and vertical stroke above
Figure Space U+2007 Figure Figure Centered dot inside number sign
Medium Mathematical Space U+205F Math Math Centered dot with negation sign above
Zero-Width Space U+200B Zero width Zero width Dashed vertical stroke
Soft Hyphen U+00AD Soft hyphen Soft hyphen Vertical stroke indicating possible hyphenation
Line Break U+000A Break Break Negation sign representing hard line break
Paragraph End Paragraph Paragraph Pilcrow sign representing the end of paragraph
Story End Paragraph end Paragraph end Number sign representing the end of the entire text block

Requirements

  • Kirby 4+

Installation

You can install the plugin via one of three methods:

  1. Download

    Download and copy this repository to /site/plugins/kirby-hidden-characters.

  2. Git Submodule

    git submodule add https://github.com/grommasdietz/kirby-hidden-characters.git site/plugins/kirby-hidden-characters

  3. Composer

    composer require grommasdietz/kirby-hidden-characters

Configuration

This plugin works out of the box with no configuration required

Credits

The foundational logic for v2 of this plugin is adapted from the Kirby Soft Hyphens plugin by @hansipete. Thank you!

License

MIT