{"id":49796,"date":"2025-10-27T15:28:42","date_gmt":"2025-10-27T19:28:42","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=49796"},"modified":"2025-10-28T08:01:02","modified_gmt":"2025-10-28T12:01:02","slug":"line-wraps-and-the-zero-width-joiner","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2025\/10\/27\/line-wraps-and-the-zero-width-joiner\/","title":{"rendered":"Line Wraps and the Zero-Width Joiner"},"content":{"rendered":"

I was reminded of this post from former<\/a> Nisus developer Martin Wierschin<\/a>:<\/p>\n

\n

How does does an emoji do that in text? By using a zero-width joiner character between its constituent characters. That way software knows to display all the codes together as a single glyph or image on screen. This joiner trick is used for a variety of purposes like skin tone and gender modifiers.<\/p>\n

Now to the part where we explain how the zero-width joiner character can help your writing. In certain situations you might consider inserting a joiner character to change where line wrapping occurs. The joiner acts as a signal to the text layout engine that the adjacent characters should be joined. You can think of the joiner like a glob of glue that keeps its neighbors together. The characters won’t display a single image as with emoji, but rather they will be kept together on the same line.<\/p>\n<\/blockquote>\n

Nisus Writer Pro has a built-in menu command to insert the zero-width joiner. There’s also a built-in way to insert it into any macOS text view, but it’s not obvious:<\/p>\n\n

    \n
  1. Open the Emoji & Symbols<\/strong> inspector.<\/li>\n
  2. If necessary, click the rightmost button to switch it to the full Character Viewer<\/a><\/strong>.<\/li>\n
  3. From the …<\/strong> menu, choose Customize List…<\/strong>.<\/li>\n
  4. At the bottom of the list, check the box next to Code Tables ‣ Unicode<\/strong> and click Done<\/strong>.<\/li>\n
  5. Select Unicode<\/strong> at the left and then select 2000 General Punctuation<\/strong> at the right.<\/li>\n
  6. Zero Width Joiner (U+200D) and related characters are in the first row.<\/li>\n<\/ol>\n\n

    You can add them as favorites. Unfortunately, even then, they do not seem to be searchable by name. For me, the easiest way to make unusual characters accessible is to add them as LaunchBar snippets. macOS text replacements<\/a> would probably work, too.<\/p>\n\n

    Here are the characters from Wierschin’s “female chef” example if you want to copy\/paste them to try it out:<\/p>\n

    👩 + U+200D + 🍳 = 👩‍🍳<\/pre>\n\n
    Previously:<\/p>\n