How to wrap text without regard to space and hyphen

Question

I have a contenteditable div where the user can input text. I want the text to wrap automatically, but not like the default at spaces or hyphens, but instead like this:

This is some t
ext that conta
ins hyphenated
 words like th
is-thing-here,
 and also spac
es.

How can I achieve this?

user_19205497 · Answer

You can use the CSS property line-break: anywhere;

user_16069214 · Answer

You could try it with

if it is known beforehand. If it is not the usage of JavaScript is good. You could getElementById and format it to your liking.

user_1646625 · Answer

I think for maximum browser compatibility you should look at the CSS property word-break: break-all.

How to wrap text without regard to space and hyphen

3 Answers