Install an HTML Text Editor



Learning Objectives

  • Identify desirable features in an HTML editor.
  • Compare two or more HTML editors.
  • Report your comparison to other participants of this class
  • Select an HTML editor for your personal use
  • Summarize the reason(s) that led you to choose your specific editor
  • Use your editor to produce a simple HTML page

Task Materials

For this course we need an HTML editing tool. There are many to choose from. We do not need many advanced features for this basic course so pick a simple text editor with syntax highlighting.

Online HTML editors

There are several HTML editors that you can use in your web browser:

  • Mozilla Thimble - Recommended to use on this course. Provides direct visual feedback, syntax highlighting, and easy publishing.
  • Aloha (Inline HTML5 editor)
  • HTML Pad (Mozilla online HTML editor)
  • JS Fiddle (JavaScript, CSS, and HTML editor online)
  • Maqetta (HTML5 Interface Design Tool)

Free/Open Source Text Editors

The following text editors have syntax highlighting and are Free/Open Source tools:

  • Bluefish (GNU/Linux, Mac OSX, Microsoft Windows)
  • BlueGriffon (GNU/Linux, Mac OSX, Microsoft Windows)
  • Geany (GNU/Linux, Microsoft Windows)
  • gEdit (GNU/Linux, Mac OSX, Microsoft Windows)
  • jEdit (GNU/Linux, Mac OSX,Microsoft Windows)
  • Notepad++ (Microsoft Windows)

Advanced Integrated Development Environments (IDEs)

Discusión de la Tarea


  • Ad_man dijo:

    I am using Aptana Studio 3, I have used it in the past and it is pretty good and easy to use.

    en 3 de abril de 2014 a las 05:45
  • Nicole K. dijo:

    I have decided to use Mozilla Thimble because I do like the idea of the preview panel so I know what I make a mistake... :/ Also because it is recommended for the class. I have used Notepad in the past but I would like to try something new this time around :)

    en 18 de febrero de 2014 a las 18:04
  • Eager2learn2 dijo:

    I am using Brackets.Has practically identical features to Sublime Text 2,only Brackets is completely free.I have tried plenty of different editors over the last few weeks,but this is the one that I finally settled on.

    en 25 de enero de 2014 a las 08:51
  • Krohon dijo:

    I was undecided so I asked my 12 years old daugther for help. She said: "We should pick Mozilla Thimble because it is the most recommended, it looks like to have better chances of being the best editor around." So I said, why not?

    en 16 de octubre de 2013 a las 21:52
  • jpollen dijo:

    I am familiar with Notepad++ so I decided to stick with that, but I did check out Mozilla Thimble and liked the ease of use and the code/design veiw so I might try that one out also.

    en 10 de octubre de 2013 a las 16:33
  • Karam dijo:

    Hi, my current choice of a text editor is Text Wrangler. It seems a lot of people in the web design and development industry recommend Sublime Text 2.

    The latter features code completion so it is better for intermediate and advanced users. Beginners should stick with code editors without automatic completion to develop good coding habits.

    en 9 de octubre de 2013 a las 15:14
  • helenbooth dijo:

    Hello. I have opted for the Thimble editor. I've only ever used NotePad to structure code in the past, so as recommended, I'm giving Mozilla Thimble a go. This editor tool will be far easier on my eye when completing tasks. Helen

    en 2 de octubre de 2013 a las 17:12
  • darrenjames dijo:

    I have decided to stick with notepad++ as i have been using it since i have begun learning html and i am very comfortable with it. Perhaps when i improve i would want to use a more in depth text editor

    en 15 de septiembre de 2013 a las 10:12
  • v4lent1na dijo:

    Text editors of choice: TextWrangler and Mozilla Thimble.

    I'm a Mac user, so I chose TextWrangler as a multipurpose editor because it has a very nice, simple and clean interface and I can use it to write programs in other languages too (like Python).

    My problem is that I don't have a revenue, since I'm still a student and TextWrangler is free.

    I tried other open source editors, like blue griffon, but it crashed so many times I couldn't work with it.

    Let's just say TextWrangler is the editor I use to tinker with code, not necessarily HTML.

    While Mozilla Thimble is the editor I use on-the-fly, when I need to write HTML code quickly and/or for small tasks.

    en 9 de septiembre de 2013 a las 09:01
  • lioness818 dijo:

    I selected Mozilla Thimble because  it was the only one actually recommended for the course.  Plus the features it offers seem to be more learning-friendly.

    en 29 de julio de 2013 a las 17:20
  • Tascam_1 dijo:

    I'm very familiar with Notepad++ and somewhat with Eclipse, but for this task, I'm going to go with Mozilla Thimble for several reasons.

    1.     Quick access:  I like to be able go directly from concept to code without having to think about menus and clicks.

    2.     Easy integration:  Requires very little in terms of installation or configuration.  Basically just running constantly in a separate tab so I feel like my task and my code are joined at the hip.

    3.     Simple interface:  Because I immediately understood how to use the tool upon first seeing it, I felt that I would not be fighting an interface every time that I wanted to make a change but simply doing the thing that was in my mind to do quickly enough that the idea didn't become diluted as I searched for configurations and menus.

    4.     Empty cup:  Because I'm taking these courses in order to learn new things, I don't want to bring baggage along that may prevent me from seeing something from a new perspective.  My mindset on each task is to approach it as though I have no idea how to accomplish it other than using the tools and information provided previously in the course or current task.  Hopefully this will allow me to take something away from the course that I did not bring with me.

    I code for a living, but am always open to learning something new.

    Good Luck Everyone!!!

    en 28 de junio de 2013 a las 09:05
  • bryanwoodsmall dijo:

    I am using Sublime Text 2.  Also tried Text Wrangler.  Sublime Text 2 has more features.  It is a paid program, but there is an indefinite evaluation period.  After I use it for awhile, I will either buy it or switch to a free one.   So far I like it.

    en 22 de junio de 2013 a las 16:37

    Richard dijo:

    I've said it before but imho it is worth saying again : I like Geany & especially Geany for Windows

    (make your own custom HTML/HTML5 template & add it to Geany templates & you will save yourself so much time..& Geany supports all sorts of other programming languages & files - Geany & Geany for Windows are great imho! It is also free! smiley ).

    en 22 de junio de 2013 a las 17:12 en Respuesta a bryanwoodsmall
  • GabbyNikki dijo:

    I started out with Thimble, but it kept giving me errors so I switched to Notepad++.  I'm going to try Thimble again though, it's nice to have the preview pane.

    en 3 de mayo de 2013 a las 22:46

    Pau Company dijo:

    en 3 de junio de 2013 a las 15:19 en Respuesta a GabbyNikki
  • zpatten93 dijo:

    I am using HTMLpad, i experimented with mozilla thimble, and everytime before i could even finish a line of code, it would send me error messages. 

    en 20 de abril de 2013 a las 01:48
  • Anónimo dijo:

    I'm using Sublime Text Editor 2.

    en 14 de abril de 2013 a las 20:12
  • dsbrennan dijo:

    I've used Dreamweaver in the past but will use Thimble as recommended.

    en 9 de abril de 2013 a las 09:37
  • Anónimo dijo:

    I usually use vim for text editing and programming, so I'm also using vim for this challenge. Vim is an open source highly configurable editor with syntax highlight among other useful things.

    I'll give a try to Thimble too: it's a web app and I like its preview and publish feature :)
    en 4 de abril de 2013 a las 10:01
  • Thomazrb79 dijo:

    I'm using DreamweaverCS6 for editing and posting by Mozzila Thimble as suggested by the course.

    en 28 de marzo de 2013 a las 02:22
  • Steve dijo:

    I will use Mozilla Thimble for this course but usually use Cloud9

    en 21 de marzo de 2013 a las 07:35
  • Jaime Lyn dijo:

    Hi, All :)

    I've already got Aptana installed on my computer.  It's nice for large projects (you can have a pane on the side to explore your entire solution) but it's awfully slooooooowwww.  I also have Notepad++ which is pretty nice.  I may try out the "recommended" online editor, though.  I'm not crazy about jsfiddle.  (The layout distracts me.)

    en 28 de enero de 2013 a las 20:18