Has anyone used the Froala editor for a webconnect project yet? I'm tired of dealing with image insertion problems with my inexperienced end-users.

Not me but I am looking for a WYSIWYG editor but for a VueJS 3 project. I'm assuming they all plugin these days to whatever html page you are hosting, WebConnect, Angular or VueJS. Maybe Rick will comment on what he uses in projects...?

Did you see Rick's prior post Text Formatting 2/9/2017

Seems that Ace is the WYSIWYG editor of choice. Just wish I could find a good demo page that also allowed setting properties and testing the results of the user interface.

Best, --Jim

Thanks, Jim. I have been using ckEdit for several years. It's great for text editing (even the free version) but the image handling was not up to snuff for my purposes (even with their paid 'EasyImage' plug-in). I have inexperienced end-users so ease of use with no training is paramount. Over the last couple of years, I have spent much of my time helping end-users include images in their posts.

I was able to work through Froala related code JavaScript changes and the image upload support in my WebConnect project. I'm quite sure I will be implementing it. Their toolbar buttons are less like Word than ckEdit's buttons, but it's sufficient and its image layout support is tons better. It's also much more expandable.

Michael

Have you considered using Markdown? Similar to the way you can do editing here on the message board? You can paste images from the clipboard, or from disk, and you could also make drag and drop work.

it's not WYSIWYG, but it's pretty simple to create a live preview (it's below here, so not so obvious but could be side by side instead (more like Markdown Monster).

Jim - ACE Editor is a text editor that can handle many types of syntax, not a WYSIWYG editor.

+++ Rick ---

Yes - thanks for the suggestion.

I considered Markdown but my end users are the general public for this service, and WYSIWYG is pretty much essential for that crowd.

Rick, good to know about Ace, it looks really complicated. I'm just starting to look at several offerings. Free is a good starting point, next simple for the end user (a bunch of dummies) finely light weight and easy to drop in to my Vue project.

What about TipTap It looks like a possible solution and supports several frameworks (but I don't see Web Connect, yet 😦

TipTap also got #1 Rating from VueScripts.com ... whoever they are!

I too was thinking about Markdown, but for the same reasons Michael gives, I think I want something a bit more robust.

There's nothing robust about any WYSISWYG HTML editor frankly. They're all wonky, and will potentially fail if users do something fancy or stick in unexpected HTML.

Markdown can be a great option if you do it right with a live preview. Unless you have super rich content that has to be created (tables, columns, lots of style changes) and deal mostly with text plus images and then Markdown is often a more reliable and much more portable solution.

+++ Rick ---