Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Simple HTML editor which formats code (indents & colors, etc.) and includes WYSIWYG

Posted on 2013-12-01
6
Medium Priority
?
423 Views
Last Modified: 2013-12-29
Hello,

Can someone offer a few suggestions for a simple HTML editor app (preferably free but not necessarily) which:

1) enables the code to be viewed with indents and varying colors to help identify different components.

2) includes an adjacent WYSIWYG display so that the effects of any changes made to the HTML can be seen immediately or at least with the quick click of a Refresh button.

(That second item makes me wonder if real-time WYSIWYG is even doable or if a save or refresh step is always required.)

FYI, I currently know only a small amount of HTML. However, I've come to realize over time that I can learn a topic much more quickly when it is part of a project I'm working on than just trying to learn it through a course or reference of some type. Therefore, finding the app described above, would be extremely helpful.

Thanks
0
Comment
Question by:Steve_Brady
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 84

Accepted Solution

by:
Dave Baldwin earned 480 total points
ID: 39688624
I use HTML-Kit which allows you to preview your pages in your browser which is frankly much better than any of the WYSIWYG viewers that are available.  The basic version of HTML-Kit is free.  http://www.chami.com/

A number of other free editors operate in a similar manner but BlueFish is the only other one I use.
0
 
LVL 9

Assisted Solution

by:EMJSR
EMJSR earned 380 total points
ID: 39688645
You could try Notepad++. That pretty much does what you need. I've used it for years and it has a nice context menu integration, too.

http://www.notepad-plus-plus.org
0
 
LVL 35

Assisted Solution

by:Dan Craciun
Dan Craciun earned 380 total points
ID: 39688647
Since you have the advantage of not having old habits that need to be addressed, you can try Adobe's new toy: http://brackets.io/

Free, with MIT license.

A demo video: https://www.youtube.com/watch?v=Nhvj1NYC3Uc&feature=youtu.be

HTH,
Dan
0
CHALLENGE LAB: Troubleshooting Connectivity Issues

Goal: Fix the connectivity issue in the lab's AWS environment so that you can SSH into the provided EC2 instance.  

 
LVL 33

Assisted Solution

by:Paul Sauvé
Paul Sauvé earned 380 total points
ID: 39688754
May I suggest WebDesignLand's Website Builder 4.00 Free
Build responsive websites with this powerful free HTML editing tool.
  - Edits HTML5/XHTML, PHP, CSS, JS, CFML, ASP documents.
  - Over 250+ powerful html editing features.
  - Runs on Windows 8, 7, Vista, XP.
0
 
LVL 27

Assisted Solution

by:tliotta
tliotta earned 380 total points
ID: 39689012
One that's been around a while and has served me well for the basics is KompoZer. It does well as a HTML editor by itself.

And for detailed specific functions such as auto-indent to clean up HTML, I use Notepad++ configured as the "External text editor" in KompoZer. I have the Tidy2 plug-in installed in Notepad++ to do that function.

Some programs can get overloaded with features. If you can find sets of basic tools that try to do single things but do them very well, you can often link them together to get the smaller set of features that are important to you. It's a little more complex to set things up at first, but it might make things easier later. Maybe.

Tom
0
 

Author Closing Comment

by:Steve_Brady
ID: 39744951
Many thanks for the great & diverse suggestions.
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

715 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question