Bidirectional Text Demo

Content:

Exemplary text values drawn from String-Meta and Use Cases for bidi and language metadata on the Web. Chose one of these to populate the content and display boxes or enter your own text into the content box below.

Shows the underlying code point sequence with non-ASCII characters escaped using JavaScript's \u escape syntax. Edits in this box can be reflected into the "display" box by clicking Update. HTML inserted here is treated as markup in the display box. Use bidi control buttons or span-inserting buttons to insert controls into the text (for example, to provide bidi isolation). You can directly enter plain text (including any non-ASCII text) into this box: clicking update will convert it to escapes.


Marks: Embedding Ctrls: Isolate Ctrls:

Language:

Select the language to use for the lang attribute in the display box below. Choosing a different language can result in changes to font selection, processing, line-breaking, and more.

Direction:

Select the base paragraph direction to use for the dir attribute in the display box.

Displays as: