Editing text within Wappler - basic formatting tools

This is a newbie question despite subscribing to Wappler for 5 years. :face_with_open_eyes_and_hand_over_mouth: :flushed: I need to write several web pages of text, basic web content such as "about this site", T&Cs etc. Does Wappler not have any basic text editing tools or have I gone crazy and overlooked them?

For example, I type my first paragraph and press enter expecting it to create a new paragraph. But nothing happens. Instead I have to use awkward right-click menus to create a new paragraph. I want to convert several paragraphs into a bullet list but there's no tool for that. I have to go into the code and type ul li tags myself. I want to change a paragraph into a heading, such as H4, just by clicking on a button. I want to highlight a few paragraphs and drag it to the end of the page, but it won't let me do that.

I gave up and wrote and formatted it in Word, then copied and pasted into Wappler. It appeared as unformatted text with all markup removed. In the end I used a simple online editor that looked like Word but produced clean markup that I could copy and paste into my project.

Am I missing a text editing panel of useful buttons, or is Wappler not intended for typing and formatting static content? How are other people creating formatted text content in Wappler? I visited the docs and guides but found no answers. Thank you.

Hi @garyf,
Check out the Summernote Component. Sounds like what you are after.

Hi @Cheese . Thanks for your reply but I need an editor for me to format text within Wappler, not for end-users to use on the web.

I suppose you mean you need to have your own "admin - editing page" that you will update these information...

Again the same thing, you create a simple page containing a form to submit the information.
And for the rich text editor you can use the summernote component like @Cheese suggested.

*and obviously this page will be restricted for you only (login needed)

Where you type? Can you please show us (a screenshot)

No, it's not for a CMS. I just want to have a good text editor built-in to Wappler so I can edit text within the Wappler environment for my static HTML pages. Maybe what I'm asking for is so basic that it might have been overlooked with the far more technical functions of Wappler. Or maybe I'm the last person on Earth who has static .htm pages instead of putting every piece of text into a database. :laughing:

In this example screenshot there are only basic editing tools - bold, italic, anchor. Nothing else, not even list/bullets.
Where I have my cursor, if I press enter on my keyboard I would expect it to break the paragraph into 2 paragraphs, but nothing happens.

Sounds like a perfect feature request..
I use https://onlinehtmleditor.dev/ for this, just go to the code and replace it

1 Like

:smile: That's the website I ended up using to edit and format my pages. It just seems crazy that Wappler doesn't have the most basic feature of a website creator tool. I can't be the first person to point this out after all this time, so I guess the developers have their reasons.

I hand code my websites in VS Code and just needed a visual editor to more easily format a load of text. I haven't ever got my head around Wappler, it lacks the simplicity of Dreamweaver that I had to ditch years ago as it became slow, unstable and expensive. I still subscribe to Wappler, I don't know why. Maybe I live in hope that the next time I dip into it something will click and I'll be able to use it! :grin:

I think the options you're looking for are all there, but, as you've pointed out, not on the toolbar which is for formatting text within the current element. Here are some examples:

In case it's useful, if you press Shift + Enter, a line break - <br> tag - will be inserted at the cursor position.

I can see that the sort of editor you ended up using would be a fairly useful feature. However, I think most Wappler users are more interested in having such an editor as something they can build into their projects rather than use to build static pages.

2 Likes

Yes, the lack of bullet points is really restricting…

Isn't it just a matter of adding a style to a <ul> list (ie using list-style-type: disc)? Or using the HTML numeric entity for a bullet symbol in this or other situations?