Complementor/Unicode code point inspector
Content / widget · Elementor module

Unicode Code Point Inspector Widget Plugin for Elementor

Let visitors break text into Unicode code points with categories, scripts and encodings, spot lookalike letters and invisible characters, and copy escapes.

Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Unicode code point inspectorProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration

Try it

These are the actual published widgets running in your browser; paste your own text to try them.

02 / Inside WordPress

Unicode code point inspector controls in Elementor

Text sets the starting text, the output format, whether visitors can change it and how many code points are listed. Behaviour turns the encoding columns, the output and live updates on or off. Labels sets the heading and every label and button. The Style tab covers the layout, box height, table, notes and output colours, fields and buttons.

03 / Website use cases

Where to use unicode code point inspector

Text can look right and still hide problems: a Cyrillic letter that passes for a Latin one, a zero-width space, an accent stored as a separate mark, or an emoji built from several pieces. Unicode code point inspector lists every character and the code points inside it, with category, script and encodings, flags lookalikes and invisible characters, and gives escapes to copy.

01

Spotting spoofed links and names

Find lookalike letters from other alphabets.

02

Debugging text

See invisible characters and combining marks.

03

Writing code and markup

Copy the right escape for JavaScript, HTML or CSS.

04 / Installation and setup

How to add a Unicode inspector in Elementor

Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.

  1. Install Complementor, connect your license and enable Unicode code point inspector in the Complementor library.

  2. Add the widget to a developer, security or language page.

  3. Paste starting text to show an example, such as a name with accents or an emoji.

  4. Choose the output format and whether the encoding columns show.

  5. Style the table and notes, then paste text to check it.

05 / Content and style controls

Customize unicode code point inspector in Elementor

Configure the settings available for this module to suit the page you are building.

  • Each character as people see it, with the code points inside it.

  • Category, script, UTF-8 bytes and UTF-16 units for every code point.

  • Warnings for words mixing scripts, invisible characters and text that changes under NFC.

  • Invisible characters and spaces named rather than left blank.

  • Output as U+ code points, JavaScript escapes, HTML character references or CSS escapes.

  • Copy output and a limit on how many code points are listed.

  • Live updates or an Inspect button.

06 / Choose the right approach

Unicode code point inspector and Elementor alternatives

Compare the existing Elementor workflow with this Complementor module before choosing your setup.

UTF-8 byte counter

Counts bytes and checks byte limits.

Plain text link extractor

Finds the links in pasted text.

07 / Requirements and compatibility

Unicode code point inspector compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor.
  • Inspects text; it does not change or save it.
  • Runs in the visitor’s browser.

Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.

08 / Common setup problems

Troubleshoot unicode code point inspector

Check these settings if the published page behaves differently from the editor.

Why is one character several rows?

Some characters, such as a skin-tone emoji or an accent written as a separate mark, are built from several code points.

Why is a word flagged as mixed scripts?

It contains letters from more than one alphabet, such as a Cyrillic а among Latin letters, a common trick in fake links.

What does the NFC note mean?

The text contains characters that can be stored two ways; searches and comparisons may treat the two as different.

Why are there no character names?

Names would need a large data file; the code point can be looked up in any Unicode reference.

09 / Frequently asked questions

Unicode code point inspector plugin questions

Does it need Elementor Pro?

No. It works with the free version of Elementor.

Is anything sent to a server?

No. Everything runs in the visitor’s browser.

Which escapes can it make?

U+ code points, JavaScript, HTML character references and CSS escapes.

Does it show invisible characters?

Yes. They are listed, named and counted in a note.

How much text can it list?

500 code points by default; the limit is a setting.

10 / Annual All Access subscription

Get unicode code point inspector with Complementor

This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.

All Access · 1 site

One website

$29USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 1 site ↗

Renews at $29 USD each year.

All Access · 5 sites

A few websites

$49USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 5 sites ↗

Renews at $49 USD each year.

All Access · 25 sites

More websites

$99USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 25 sites ↗

Renews at $99 USD each year.

Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.