Web Connection
Froala WYSIWYG Editor?
Gravatar is a globally recognized avatar based on your email address. Froala WYSIWYG Editor?
  Michael Hogan (Ideate Hosting)
  All
  Sep 21, 2021 @ 12:03pm

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.

Gravatar is a globally recognized avatar based on your email address. re: Froala WYSIWYG Editor?
  Harvey Mushman
  Michael Hogan (Ideate Hosting)
  Sep 26, 2021 @ 07:13am

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

Gravatar is a globally recognized avatar based on your email address. re: Froala WYSIWYG Editor?
  Michael Hogan (Ideate Hosting)
  Harvey Mushman
  Sep 26, 2021 @ 09:12am

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

Gravatar is a globally recognized avatar based on your email address. re: Froala WYSIWYG Editor?
  Rick Strahl
  Michael Hogan (Ideate Hosting)
  Sep 26, 2021 @ 02:39pm

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 ---

Gravatar is a globally recognized avatar based on your email address. re: Froala WYSIWYG Editor?
  Michael Hogan (Ideate Hosting)
  Rick Strahl
  Sep 26, 2021 @ 03:01pm

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.

Gravatar is a globally recognized avatar based on your email address. re: Froala WYSIWYG Editor?
  Harvey Mushman
  Rick Strahl
  Sep 26, 2021 @ 05:18pm

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.

Gravatar is a globally recognized avatar based on your email address. re: Froala WYSIWYG Editor?
  Rick Strahl
  Harvey Mushman
  Sep 27, 2021 @ 10:28am

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 ---

© 1996-2021