I am looking for a tool to take notes as HTML format easily with HTML preview editing feature. I have been using markdown and asciidoc for 2 years and I am thinking about migrating HTML markup format. But I don't want to think about styling and organizing HTML when I am taking notes because doing these will waste my time.

I need the following features:

  • Live editing on visual preview
  • Adding code blocks from the menu with one click (2)
  • Adding images from the menu with one click (3)
  • Adding admonition note blocks (4)

I have done research on conventional note-taking apps such as Evernote and OneNote but I have not found HTML preview editing feature. I have tried webpage building tools(Adobe Dreamweaver...) that have HTML preview feature but they have not features [(2),(3),(4)] that I need. Thanks

  • 1
    According to the tags used, the app you're looking for must support html as well as markdown and work with onenote as well as with evernote. Is that correct? If not, you might wish to edit them :) – Izzy Dec 8 at 12:11

I think Dreamweaver has the feature like Live to edit on visual preview Adding code blocks from the menu with one click Adding images from the menu with one click

As I have used it a alot

New contributor
Amanda is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
  • Thanks. I don't see any code block option in Adobe Dreamweaver menu. What version are you use? – my-lord Dec 12 at 15:05

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.