Looking for WYSIWYG Web Page Editor

[Fanboi]

No proprietary stuff including free, but hosted stuff a'la SaaS.
Something simple I can preferably run as an Appimage.
Just need to quickly make basic web pages for tweaking later, IF, my boss likes my design ideas. ie it's an ROI time-wise, it could level me up from Sales to a more senior position in Branding, but I'm not manually writing some example pages because my HTML is a little rusty and my CSS/JS knowledge is near-non-existent since I only used HTML for writing documentation very many moons ago). Anyway, yeah, just need something drag 'n drop that I can tweak and still edit code in (I want to do some SVG logos as we're still using jpgs and it'll blow his mind when upscaled)

Suggests? There was this Blue Griffon designer but it's defunct now AFAIK.

Edit: To be clear, it does not need to produce decent code. This is for templates only.

 

[dos2unix]

• Apache NetBeans: A development environment, tooling platform, and application framework.
• BlueGriffon: A next-gen web and EPUB editor based on the rendering engine of Firefox.
• Desech Studio: A WYSIWYG HTML editor.
• CKEditor 5: A popular open-source editor with a host of cutting-edge capabilities, such as collaborative editing, picture and file management, and support for plugins.
• Froala Editor: A feature-rich editor that offers a WYSIWYG interface with a tidy appearance and a number of customization possibilities.
• TinyMCE

15 Best Open Source WYSIWYG HTML Editors

Several open-source WYSIWYG HTML editors. What's your best option? Here, let me help you with it.

itsfoss.com

 

[Vektor]

Hi Fanboi

These are my favs

ONLINE & RUN FROM LOCAL FOLDER

HTML Editor: Online HTML Editor with Real-Time Preview

Edit your HTML, CSS, and JavaScript code and see your changes instantly with live preview. A handy tool for web developers, designers and learners.

htmleditor.gitlab.io

Bootstrap Live HTML Editor

Live HTML Editor (Bootstrap)

bsle.github.io

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser

www.w3schools.com

ONLINE ONLY

Online CSS Editor

Edit, format, and preview your CSS code instantly with our free online CSS editor. Simplify your web development tasks today

csseditor.com

HTML6 Editor

HTML6 editor is an online WYSIWYG HTML editor with free and premium features. Real-time interactive visual and linked markup source code editor.

html6.com

Phoenix Code | Code Creatively

The text editor designed to make coding as simple and fun as playing a video game

phcode.io

Vektor

 

[Fanboi]

• Apache NetBeans: A development environment, tooling platform, and application framework.
• BlueGriffon: A next-gen web and EPUB editor based on the rendering engine of Firefox.
• Desech Studio: A WYSIWYG HTML editor.
• CKEditor 5: A popular open-source editor with a host of cutting-edge capabilities, such as collaborative editing, picture and file management, and support for plugins.
• Froala Editor: A feature-rich editor that offers a WYSIWYG interface with a tidy appearance and a number of customization possibilities.
• TinyMCE

15 Best Open Source WYSIWYG HTML Editors

Several open-source WYSIWYG HTML editors. What's your best option? Here, let me help you with it.

itsfoss.com

CKEditor - Looks nice, but proprietary
Froala - Looks even better, but proprietary
Aloha - No releases, but I'll earmark for build as a fallback
Novel - Looks very promising
Editor.js - Possibility
Trix - Interesting approach, but not toggling code on the web demo
Summernote - Like the simple, embedded editor
Content Tools - More robust, but UI is not as nice as Summernote
Toast UI - Nothing new I'd need that the above don't provide
Jodit - Sorta more UI, seems glitchy, but haven't run it hosted my side
SCEditor - Nothing much else
Sun Editor - Nothing much else
Prose Mirror - Not what I'm looking for

Netbeans - More an IDE
Blue Griffon - As I said, defunct
Desech Studio - A lit intimidating, but worth putting a pin in for the future.

Thanks for the list, I'll be working my way through the best prospects properly this weekend. I'm still hoping for a host-free, standalone app (maybe there's an appimage of some of these built with a modified chromium base).

 

[Fanboi]

Hi Fanboi

These are my favs

ONLINE & RUN FROM LOCAL FOLDER

HTML Editor: Online HTML Editor with Real-Time Preview

Edit your HTML, CSS, and JavaScript code and see your changes instantly with live preview. A handy tool for web developers, designers and learners.

htmleditor.gitlab.io

Bootstrap Live HTML Editor

Live HTML Editor (Bootstrap)

bsle.github.io

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser

www.w3schools.com

ONLINE ONLY

Online CSS Editor

Edit, format, and preview your CSS code instantly with our free online CSS editor. Simplify your web development tasks today

csseditor.com

HTML6 Editor

HTML6 editor is an online WYSIWYG HTML editor with free and premium features. Real-time interactive visual and linked markup source code editor.

html6.com

Phoenix Code | Code Creatively

The text editor designed to make coding as simple and fun as playing a video game

phcode.io

Vektor

Thanks Vektor, but I'm not really looking for IDEs as such. This project is just to throw something together quickly, see if my boss (well, our boss, da big boss) likes the basic ideas (ie a one or two functional pages), then I plan to do the designs in HTML mainly and use Python (most likely with Django as it's super quick 'n easy) for additional functionality as this provides a very clean site, which is what we actually need as an IT company to impress prospects; something simple, clean, and professional. We may add some other things later (I hope not) and I want something I'm more accustomed to, i.e. Python. Also, I use VS Code (yes, yes, I gave in and gave VS Code a try... I found it really easy and it's the first IDE that I've ever liked -- I was/am still largely a plain text editor kinda guy).

 

[KGIII]

I've done some looking in the past.

Sadly, I've never found a good one.

(It appears that I forgot to hit the post reply button, as I typed this when I first saw the thread.)

But, yeah... I've found nothing as good as I used to use on Windows in the past. I can no longer even recall the name of the application but it'd be either old or updated by now. The last time I was into that was HTML 3.0. Maybe a year ago, I spent some time looking at Linux choices (nothing online-based) and didn't really find anything that tickled my fancy.

 

[Fanboi]

Too true...
(I think I may have used that editor... It had a b;lue theme and the icons were kinda oversized, but i"kk was smooth: One pane code, the othe was a preview (IIRC you had to manually refresh it). Was more than adequate for documentation... On Linux, from what I saw of it, Blue Griffon was pretty nice, but we were late to the party; last release was about 2019 and nobody's picked it up. Running editors, self-hosted in-browser, seems quite the rage. Not for me when I can avoid it (and it looks like I can't). Welll you make the best of what you have.

 

[APTI]

I know it is not popular but I use Visual Studio. 2005 version since it was the last one that actually did anything good. Microsoft got something right with that one. As they say, even a broken clock is right once or twice a day.

 

[wizardfromoz]

James, I'll leave it to you as to whether this is of any help.

Back in the early Noughties I used to have a couple of websites up and running and used MS Front Page.

Couple that with the fact that sometimes when I give advice to those looking for a Linux alternative, I suggest they search at alternativeto.net .

So I typed in

alternative to front page

and found one called

KompoZer

But note the disclaimer

Discontinued
The project seems to be discontinued. Latest stable version, 0.7.10, was released on 2007 and last development version, 0.8b3, on 2010, but the program is still downloadable from the official website.

HTH

Keep us posted on how you go with the project and good luck with impressing the boss.

Chris

BTW this old fart was around when WYSIWYG was (perhaps) first available, with a preview function built into WordPerfect 5.0

 

[damix9]

I used https://bluefish.openoffice.nl/index.html a little bit. Not sure if it fits you, but try running it.

 

[KGIII]

Blue Griffon was pretty nice, but we were late to the party; last release was about 2019 and nobody's picked it up.

Hmm... If you like that editor, not a whole lot will have changed in the standards since then. We're still on HTML 5.0 AFAIK and so that should output standards compliant code...

Should...

One pane code, the othe was a preview (IIRC you had to manually refresh it).

Something like that. I once had a fairly popular page (yes, single page - though long) that detailed pretty much everything in HTML 3.0 - and had a bonus CSS section which was still pretty new tech.

 

[vs2-free-users]

In past there was nvu, kompozer and bluegriffon but all these projects dead now. Rest in peace.

 

[Trenix25]

I just normally use tilde for everything, but it doesn't display HTML as a web page. I would just load the file with a web browser to see how it looked. I use virtual consoles in KDE so I can put both full size windows right next to each other and pop back and forth. Save the file and then pop back to the browser and reload the page. This way you get an immediate result. I presume that's what you're after after all. When practicing I use my own training web site on a virtual server so I can move around and load files by clicking on them. I wrote my own directory listing program that produces a dynamic web page. Then I use a symlink to that in each directory. Apache2 also has its own directory listing program available.

Signed,

Matthew Campbell

 

[Trenix25]

Make sure to use W3C's validator pages to see if everything looks ok before showing it to your boss.

The W3C Markup Validation Service

The W3C CSS Validation Service

Signed,

Matthew Campbell

 

[Fanboi]

KompoZer

That was an option, too, until I found it gone.

Keep us posted on how you go with the project and good luck with impressing the boss.

I definitely will do. I'm really hoping this helps my cause. That said, it took him over a year of me nagging about the site to realise it was chasing away business.

Should...

Funny you say "should", they're rolling out 6 "soon" (apparently). It's neck and neck with Playstation 6. But I figure it'll take a while for adoption. And most browsers are pretty compatible with everything so even 10 years from now, it'll be fine (not that the site should sit that long unattended, but you know corporate, lol).