Anyone know of a simple html editor with preview?

Why not write a Xojo app to create the html for tables?

For my own situation, editing html with Visual Studio Code and styled text in LibreOffice, I still needed some additional tools to make my process easier. I wrote these in Xojo. My Xojo app does these things:

  • Operates as a local web server so that I can immediately see my pages in any browser that I choose.
  • Handles the transfer of styled text from LibreOffice to Visual Studio Code by cleaning up the html that LibreOffice produces.

I had actually thought about building a table editor in Xojo, but I didn’t have very many tables and didn’t think it was worth the effort. I may still try doing that sometime in the future.

that’s where I’m getting to, write a small xojo app to do exactly what I want 

with an htmlviewer I can see the live preview.

one thing that is VERY nice on WebDesign is if you clic somewhere in the preview, the cursor in the text view is selected at the beginning of what you selected in the preview.
no idea how to do it with an htmlviewer !
@Paul_Levine : how did you make this in webdesign ?

I wrote javascript that responded to mouse clicks and returned the innerHTML. Then I searched the HTML source for that code.

2 Likes

clever
 not bulletproof but will work most of the time

I am using Coffeecup “HTML editor”; it has a life preview and the possibility to create Quick Tables.

It is also super-easy to use because you can choose HTML/CSS/JavaScript and even XHTML from a list.

It is also very affordable (29 USD). However, one glitch, it is only available for Windows but not for Mac. But maybe you can use a virtual environment to run it.

1 Like

thanks Chris, this seems to do the job, although it is overkill for what I need.
I’m still open for suggestions !

For simple html, I use TextEdit in Raw Text mode, and Safari for the rendering (smaller RAM foot print, fast enough for me).

and html Reference when my memory lost some html command / I need an html information.

1 Like

There are also some online tools for creating tables and other HTML elements. For example:

yes but it’s really painfull to copy paste multiple times between apps just for simple small bunch of text


I use an older version of adobe Dreamweaver that has a perpetual license. The version is CS6 (CC 2014.1, version 15) and allows you to use the software indefinitely for a single payment. The Dreamweaver business was moved to the subscription model.

Maybe try and find an old copy on the internet for sale?

1 Like

it will surely not work on a ventura macos 

and dreamweaver is 
 well 
 a giant gas station !
(i.e. more than overkill)

Coffeecup free html editor is Windows only.

I needed a simple WYSIWYG HTML editor (with optional code view) to create my help files, add some simple CSS if needed, then be able to save or simply copy the html to my application. Everything that I found was either an overkill or not quite the features that I needed. Last Fall I finally ended up building my own. I meant to release it on my website, but have not had the time to add the help for it, codesign, etc. It’s worked great for me for building my HTML help files.

Here are a few of screenshots

https://totusoft.com/files/html_editor/ss_HTML_editor_01.png
https://totusoft.com/files/html_editor/ss_HTML_editor_02.png
https://totusoft.com/files/html_editor/ss_HTML_editor_03.png

Here is a link to it if you’d like download it.
Https://totusoft.com/files/html_editor/HTML_Editor.zip

Remember, it’s not code signed, so I just zipped it and put it on my website. After downloading, unzip, press control and right click, select open. After this first time, you should be able to just double click to open normally.

I have a Windows build that I can zip and put on my website too if anyone wants to use the Windows version.

-Pete

3 Likes

I use DreamWeaver CS6 in MacOS Mojave running in a Parallels VM on MacOS Monterey. Works fine (as does a 32-bit version of Quicken). I refuse to use subscription-based software if at all possible.

1 Like

Nice design ! I like it !
which javascript html editor did you choose to embed ?
the preview tab is almost not needed


if you change the height of the window, then the html editor does not grow past a certain height.
it is ok for the width of the window.

Strange - I haven’t seen that. What version of MacOS are you using?

I made two versions of this app. One I used ckEditor directly, and on this one I used GraffitiEditor and GraffitiSyntaxEditor. I liked some of the custom things that I could do with the GraffitiSyntaxEditor, so decided to go with it instead of ckEditor.

I thought the same thing and was originally going to take it out until I decided to add the CSS option. The ‘Preview’ shows what it looks like with the CSS applied.

1 Like

10.13.6