this post was submitted on 12 May 2024
47 points (100.0% liked)

Free and Open Source Software

17926 readers
29 users here now

If it's free and open source and it's also software, it can be discussed here. Subcommunity of Technology.


This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

founded 2 years ago
MODERATORS
 

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

top 25 comments
sorted by: hot top controversial new old
[–] jarfil@beehaw.org 23 points 6 months ago (4 children)

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.

[–] mox@lemmy.sdf.org 11 points 6 months ago* (last edited 6 months ago) (1 children)

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@programming.dev 5 points 6 months ago

(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@lemmy.ca 8 points 6 months ago* (last edited 6 months ago) (1 children)

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@beehaw.org 1 points 6 months ago (1 children)
[–] mp3@lemmy.ca 2 points 6 months ago (1 children)

The code block included in my comment

[–] jarfil@beehaw.org 1 points 6 months ago (1 children)

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

[–] mp3@lemmy.ca 2 points 6 months ago* (last edited 6 months ago)

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

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

[–] kashifshah@lemmy.sdf.org 5 points 6 months ago

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

[–] ____@infosec.pub 1 points 6 months ago* (last edited 6 months ago)

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

[–] wisha@lemmy.ml 7 points 6 months ago

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.

[–] kashifshah@lemmy.sdf.org 6 points 6 months ago* (last edited 6 months ago) (1 children)

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@beehaw.org 5 points 6 months ago* (last edited 6 months ago) (1 children)

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

[–] kashifshah@lemmy.sdf.org 4 points 6 months ago (1 children)

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

[–] jarfil@beehaw.org 4 points 6 months ago

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 🤷

[–] starman@programming.dev 5 points 6 months ago

I think that libreoffice writer can save document as HTML

[–] jeena@jemmy.jeena.net 4 points 6 months ago
[–] luciole@beehaw.org 3 points 6 months ago

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

[–] millie@beehaw.org 2 points 6 months ago

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.

[–] ALostInquirer@lemm.ee 2 points 6 months ago

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

[–] thingsiplay@beehaw.org 2 points 6 months ago

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.

[–] eveninghere@beehaw.org 2 points 6 months ago (1 children)

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@discuss.online 5 points 6 months ago

WordPress is definitely open-source lol

[–] orcrist@lemm.ee 1 points 6 months ago

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

[–] take6056@feddit.nl 1 points 6 months ago

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