Smart Word Wrapping Around Images ("SURROUND")

[YallammaSB]

version

0.2.0

Link to minimal reproduction

No response

Steps to reproduce

Detect word boundaries during layout (e.g., with element.text.split(/\b/)).

For each word:

Measure word width using canvas context.

If currentLineWidth + wordWidth <= image.leftX, render word before image.

Else, move word to next line or after image (depending on alignment flow).

Respect image margins or paddings (optional).

What is expected?

Detect word boundaries during layout (e.g., with element.text.split(/\b/)).

For each word:

Measure word width using canvas context.

If currentLineWidth + wordWidth <= image.leftX, render word before image.

Else, move word to next line or after image (depending on alignment flow).

Respect image margins or paddings (optional).

What is actually happening?

word is breaking

Editor Value

System Info

Any additional comments?

No response

[YallavvaSBatti]

please do this fast

[YallavvaSBatti]

when i apply the wraptext as SURROUND and that time when i drag and drop the image the words are getting splitted like assume if i have word in a line Multiplanar when i drag and drop the image inside the word that time the word became like
Multip [image] lanar like this. i want like if available width is not sufficient then move the whole word after the image like i want. so for this give where i want add the logic inside the code?