Are there any WYSIWYG html editors? just curious

Hello, i was looking for a wysiwyg html editors i could use for my personal website, perferrably just as a simple open source desktop program on linux (though anything else is fine). i DID find something called KompoZer but i was wondering if there's any other ones, thanks

millie ,

Honestly, Dreamweaver is still pretty good. It's not as WYSIWYG as like some of the old school front-ends, but it does a pretty good job. If you get some templates and have at least a cursory understanding of xml and css syntax, you'll do okay.

eveninghere ,

The trend of wysiwig editing moved onto web services from desktop apps. Those aren't FOSS. Weebly is good.

jekyll / hugo are the FOSS option imho. There's also wordpress but I don't know if it's open source.

delirious_owl ,
@delirious_owl@discuss.online avatar

WordPress is definitely open-source lol

orcrist ,

Depending on your situation, you might consider a totally different setup. For example, you could install WordPress or anything vaguely similar to it.

thingsiplay ,
@thingsiplay@beehaw.org avatar

I have no one to recommend, but you might find something from this list: https://github.com/JefMari/awesome-wysiwyg-editors

As others recommended, using a web browser to edit is actually pretty cool, especially in Firefox. I myself use Wordpress in the browser instead, which has such a builtin editor.

starman ,
@starman@programming.dev avatar

I think that libreoffice writer can save document as HTML

ALostInquirer ,

Have you seen Publii yet? Dunno how well it works on Linux, but there's a version for Linux as well.

take6056 ,

This isn't a desktop app, but the editor seems quite solid: GrapesJS

luciole ,
@luciole@beehaw.org avatar

Was asked some months ago, unfortunately not much came up.

wisha ,

Look into using your browser’s designMode functionality. It’s as WYSIWYG as anything can be. It’s great for editing HTML but not very suitable for writing HTML.

jeena ,
@jeena@jemmy.jeena.net avatar

https://www.tiny.cloud/tinymce/

jarfil ,
@jarfil@beehaw.org avatar

Chromium, Firefox... if you open the dev tools, you can edit everything, with it showing in the browser in real-time (WYSIWYG).

Firefox Developer Edition has some extra tools and debugging modes, but some are redundant if you're using VS Code.

If you're looking for a Dreamweaver-like thing, where you could drop elements with minimum HTML writing... you may want to check Seamonkey Composer.

For a simple personal website though, I'd recommend using a markdown editor, then either export it through a template, or have a template interpreter on the site, like GitHub Pages.

kashifshah ,

I second the idea of finding a way to make your website using markdown and a template, that’s what I do for https://kashifshah.sdf.org

mox ,

I’d recommend using a markdown editor, then either export it through a template,

This is what a static site generator does.

https://staticgen.com/

(I don't know why jamstack has taken over that site, but the list itself seems to be intact.)

nous ,

(I don't know why jamstack has taken over that site, but the list itself seems to be intact.)

Not really taken over, more just a rebranding. Both are owned by netlify, started off as a list of static site generators you could use with netlify (aka all of them they could find) but then they just rebranded the site and gave it a fancy name like you have with all the other web stacks you have these days.

mp3 ,
@mp3@lemmy.ca avatar

You can even use Markdown file and convert it dynamically to HTML using javascript through Markdeep by just dropping

<!-- Markdeep: --><style class="fallback">body{visibility:hidden;white-space:pre;font-family:monospace}</style><script src="markdeep.min.js"></script><script src="https://casual-effects.com/markdeep/latest/markdeep.min.js?"></script><script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>

at the end of the markdown file. It makes it dead simple to update using a text editor later on and to host on a static website.

Dymonika ,

Dropping what?

mp3 ,
@mp3@lemmy.ca avatar

The code block included in my comment

jarfil ,
@jarfil@beehaw.org avatar

Seems like federation filtered it out, it shows on your instance but not on this one 🤷

mp3 ,
@mp3@lemmy.ca avatar

I think it's beehaw doing something weird, it got federated to other instances just fine

https://lemmy.blahaj.zone/comment/8687274

____ ,

Have made numerous mockups for devs, as a PM, that way.

When you have one style sheet for users and admins, you get creative.

At the time, building it wasn’t my problem. Explaining what needed to be built was, and the devs in question were not native speakers of same language I was.

Show, not tell, works quite well IFF you recognize immediately when it’s needed.

Copy the thing you want from where it is, paste it where it needs to be, and tweak the (easily recognisable by any human, cmon) verbiage.

I’m not a particularly visual person, so dev tools was quite useful for that. “${foreach} state, ${foreach} county, ${foreach} postal code,” here is the expected UI both expanded and not, beats hell out of trying to spec out what amounts to the better part of an RFC, especially when I am not the one actually writing the code and also not the one who came up with the straight up crazy schema.

Schema created years ago, and there’s only money to add this UI to replace an UPDATE WHERE that the boss decided he didn’t like because he didn’t “get it” and couldn’t personally do it if ever needed (literally no world where it would be needed, and boss didn’t understand the geo that made the whole thing necessary, but…. That’s life.)

(Edit: created, not ‘creates’, and FreeMarker is brutal. Things that binary work/do not work belong in code, not templates. Templates should be as tolerant as is sane given a use case. Boss wouldn’t know HTML or a variable if I whacked him over the head with a variable (length walking staff))

kashifshah ,

Check out this listing - BlueGriffon might be up your alley, for ease of use, but kompozer used to be the classic replica of Dreamweaver from Windows. Not sure about NetBeans, but it might be good, and can’t speak to the rest.

https://slashdot.org/software/wysiwyg-editors/linux/

jarfil ,
@jarfil@beehaw.org avatar

BlueGriffon has been discontinued in 2019, not sure whether there is a fork.

kashifshah ,

lol that’s what I get for linking to slashdot.

jarfil ,
@jarfil@beehaw.org avatar

I didn't know that Slashdot added something like this... just googled for WYSIWYG FOSS editors to make sure, saw that BlueGriffon's site had a farewell message, and checked the GitHub.

FF Dev and Seamonkey, I have installed along VS Code 🤷

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • [email protected]
  • kbinchat
  • All magazines
    •