Our Page Builder previously relied on a traditional Rich Text Editor for editing text content.
However, there was a persistent issue: the editor always had a white background.
This became a problem when you tried to style your text with light or white colors. You could barely see what you were typing!
See the example below:
We explored a few ideas to fix this.
At first, we thought about replicating the background of the page, content block, and row inside the editor.
Sounds clever? It turned out to be more troublesome than it was worth. The logic behind recreating the exact background was complex, unreliable, and simply impractical.
Then we considered adding a toggle to switch the editor background to black.
While that helped with readability for light-colored text, it is manual and unintuitive.
Eventually, we landed on the most practical solution, one that is already used by many modern page builders, for good reason!
It is an inline text editor.
Instead of using a separate editor, you now edit your text directly on the page.
There’s no need to guess the background or toggle background color. What you see is exactly what you get.
From now on, when you use the Page Builder, you’ll notice the old editor is gone.
In its place, you’ll see a simple button like this:
Click the button to activate inline editing.
Or even better…
Just double-click the text to start editing right away!
Watch the demo below to see it in action:
This update not only solves the visibility issue but also streamlines the editing experience. It’s faster, cleaner, and more intuitive.
Go ahead and try it out. You’ll love how easy it feels to make changes directly on your page!
Yes, now it is much easier to edit any page.
Of course, this is fantastic. Thank you very much.
Great update… Thanks.
Superb upgrade. Very well done. I just edited an existing page with this new feature.
It’s great! Thank you.
Oh wonderful thanks! This always used to ‘get’ me :-)
This is def much easier, i like this, thanks Kenneth 😊