Ask HN: Local Mac Wysiwyg HTML Editor? (for “Lo-fi” website)

Hola!

After futzing with static site generators, and markdown/Obsidian publishing pipelines. I’m trying to get into writing - and making it part of a daily flow. I’ve really wanted to like using Obsidian, but I’m not a huge fan of the desktop app, and the mobile app takes too long to open - I’d like to try something else.

I want to take a swing at a simple folder of HTML files, which I rsync/SFTP to AWS S3. I’m posting how-to articles, blogs etc.

I’m looking for somewhat of a “lo-fi” solution. Local app, Not-cloud based, open-source preferred. I thought there was a VS Code plugin, but haven’t found it. I’d like to editing experience to be similar to editing Google Doc - as opposed in writing markdown/html tags. I frequently copy my notes into email, or exporting as PDF. An HTML doc is pretty good for that.

I was hoping to find an OSS version of Dreamweaver or something like that a but haven’t found it.

What do you suggest? I’d love to maintain the Obsidian-like cross linking ability… for now, I’m thinking to just put the HTML cross links in manually (unless you have better ideas)

Thanks!

Wow, no one has mentioned Org mode (https://orgmode.org). I started using Emacs nearly 20 years ago specifically because of Org. I use Org for all my static sites, note taking, to-do lists and calendar. Org has a lightweight markup language that has far more features than Markdown (e.g., plain text spreadsheets!), but the markup isn't visible to the extent that Markdown is in most editors. Emacs with Org files behaves almost like a WYSIWYG editor. For example, links in Org files are clickable and their URLs aren't visible unless a cursor is hovered over them. I'm an obsessive note-taker with more than 6,000 Org files in my personal knowledge base and none of the dozens of other writing apps that I've evaluated comes close to Emacs with Org (given my requirements). But to be fair, I create content on Linux only so support for mobile devices doesn't matter to me.

By the way, it's funny that you mentioned Dreamweaver, dv35z, because I experimented with using Dreamweaver as a writing app in the 90s. I still have hundreds of HTML files that include notes and essays I wrote back then using Dreamweaver. Needless to say, I definitely prefer Emacs with Org!

dv35z · 2 years ago

I would love to give orgmode a chance. "On paper" Emacs sounded great to me. Last year, I gave it a few days time to try to get it to work - I just could not figure it out! It's been awhile since I tried it, but between the keyboard shortcuts, and "buffers", the various plugins to install and configure, and emacs felt slow (which surprised me, because I'd thought it would be extremely snappy, being a text app)... I'm sure if I sat down with a pro for 20 minutes, a lot of the blockers would be eliminated and could get to a productive state. If you can recommend resources, that result in an Org-Mode "easy mode", I'd love to check it out...

Emacs Org-mode is on my list technologies to check out which have stood the test of time, and may continue to do so...

marc_io · 2 years ago

Logseq, which is a note-taking app much like Obsidian, can also generate a static site from its notes natively. It has a mobile app, which is very helpful when you are on the move. It is quite idiosyncratic, but it works well if you know your way around it. https://discuss.logseq.com/t/how-to-publish-your-logseq-as-a....

Another option is Pinegrow, an NW.js desktop-based website development app that uses plain HTML, CSS, and JS, just like Dreamweaver. Its UI is quite complicated, but you can hide what's not necessary for you. It also includes a bare-bones CMS, but it's not mandatory to use. It's not open-source, though.

Logseq doesn't seem to be able to edit an HTML file. I checked out Logseq when I was considering Obsidian, and I found it quite complicated (it seems closer to Workflowy...). I'd love to see something like this succeed...

Pinegrow - this seems to be close to what I'm thinking... a visual HTML editor. But wow, the interface is complicated. Looks like they've crammed AI/ChatGPT into it, a news reader widget (?!). $150/year price tag. - A simple, open-source app along these lines would be great.

nicbou · 2 years ago

I run a content website for a living and I do everything in Markdown inside Sublime Text. It works really well, especially if you already use Sublime a lot.

I made a few color scheme changes to increase line height, limit line width, and improve header contrast. The MarkdownEditing plugin is also nice if you use special features like footnotes.

How do you actually render / style the Markdown documents, site?

I was thinking to lean into something similar with VS Code - the hypothesis being that VSC is widely used, open source, and a powerful text editor.

Have you / others come across similar plugins? I’d be OK with editing markdown files - would love using a GUI editor. I’m not a fan of writing in markdown with a separate rendered window to the side. Would rather it “feel” like a simple MS Word / Google Docs authoring experience.

Deleted Comment

Look for the more writing oriented editors like Ulysses. This might be closer to what you want.

CharlesW · 2 years ago

Have you tried TextEdit? It supports both rich text editing and code editing.

https://support.apple.com/guide/textedit/work-with-html-docu...

I was surprised to see this functionality and tried it - it does technically work… but for authoring, the formatting tools don’t include styles (eg H1), just in-line formatting (bold, etc). I looked at the HTML output, and it added quite a bit of junk. Since TextEdit is quite basic, I disqualified it for this mission- as I’m looking for an authoring environment that I can comfortably & productively “live in” for an hour or two a day while writing. TextEdit’s HTMl mode seems more of a tacked on feature…

phatskat · 2 years ago

I don’t have any suggestions, just wanted to pop in and share my dismay that there doesn’t seem to be anything quite like what you’re looking for.

I started in plain HTML/refresh IE back in the day, and Dreamweaver (for all its many _many_ flaws) did a great job.

I really wonder how many young web engineers aren’t having their calling realized because of this simple gap - being able to write in a WYSIWYG editor and view the source, alter it, learn what the HTML and CSS were doing, and instantly see the results, was inspiring for me. I wonder how different it would’ve been to have the editor just push the work out to WordPress or whatever and never really get to see the inner workings.

Completely agree - without getting too dramatic, for such an important open standard (HTML) its surprising we don't have a open-source locally-run easy to use, visual authoring tool for HTML websites (and I'll throw Markdown in the mix here, because with tools like https://www.markdownguide.org/tools/markdeep/, useful crossover is possible).

Share this page with people who are passionate about this topic, and perhaps we can gather experts to rally behind an open-source initiative or start one.

Vincenttermini · 2 years ago

Check out https://github.com/GetPublii/Publii

First off - this is a very interesting app, and the interface is clean. I think this would actually be useful in many contexts.

However, I'm looking for something that's less of a local CMS, and more of just... a document editor which can open up HTML files, edit them with a GUI interface, and save them somewhere.

Ideally, it would be an editor like Sublime, where you can drag a folder containing HTML files in there (so you can navigate folders and access other files & content), and edit visually...

babayega2 · 2 years ago

One of the open source wysiwyg editors I have been trying to use is BlueGriffon. It does what you want. But it hasn't been updated for a while. I remember codeigniter soe something like that used to do that back in 2010s.

computerliker · 2 years ago

SeaMonkey has an HTML composer https://www.seamonkey-project.org/doc/features

I tried it today - I’ll be honest, it felt very janky on my Mac (2021 / M1). The GUI had rendering artifacts, several common unicode characters (eg right-arrow) rendered as glitchy characters. It didn’t feel like authoring HTML / sites is its core competency.

indigodaddy · 2 years ago

Barry Kauler uses this for his homespun ShellCMS:

https://bkhome.org/shellcms/

subsection1h · 2 years ago

SiVal · 2 years ago

I'd like the same but with one more deployment option: create a (simple) static site that doesn't require any web server. I started an old relative on Dreamweaver about 25 years ago thinking that simple HTML files would make a good, open, archival rich-text alternative to plaintext. He wrote many articles that can still be double-clicked and viewed on any platform today and are among the most likely doc formats to still be readable a century from now (if any still are).

I had hoped that simple HTML would become a better choice than PDF or MS-Word for ordinary people writing for posterity, but unlike old Dreamweaver, almost all HTML tools today produce docs that must be served by a web server (and consist of separate HTML, CSS, JS, img files that get scattered.)

Yes - this is what I’m aiming for. For example; I’m imagining an “article” is just a folder with HTML, with images & media within it - a self contained doc which ought to be usable for decades.