Hi can anyone recommend a good free html editor.
I want something that will let me wrap sections of code in <p> tags with a shortcut for example. It would make my life easier.
I'm a developer so I want something where I'll be writing most of the html by hand.
Thanks for the help,
Alex
Visual Web Developer 2010 Express is just great for beginners, and has this functionality.
Netbeans has this functionality. It works with many languages including HTML. Get it from http://netbeans.org/ Its free
In Emacs' html-mode you're typing along, hit C-c RET, type your paragraph, hit C-c / to close the paragraph, and keep on hacking.
You can find this tip, and many more, here.
you can use Bluefish. This is a free software text editor. The "Auto tag closing" is include in the software : http://bluefish.openoffice.nl/manual/ch07s02.html
Official website : http://bluefish.openoffice.nl/
Hope it will help you!
Very simple, but with shortcuts for the most common XHTML blocks: Rejbrand Text Editor.
You press Alt+Enter to insert <p></p>; any selection will be included inside the tags. Ctrl+Enter inserts <br />, Ctrl+I inserts <li></li> etc. Ctrl+n inserts <hn></hn>.
Programmer's Notepad 2 gives you the easiness you're asking for, plus it also writes for ALL other programming languages with syntax highlighting to ALL and it adds the closing tags of HTML for you and all the optimizing stuff. Plus it is FREE. It also is VERY portable being only 2.4 megabytes! You can download it from here:
Programmers Notepad Download Latest Version
Related
Is there a tool which I can use to see missing tag in HTML?
For e.g. if I wrote <div> but forgot to end it with </div> so is there a tool for this? I have a very large HTML file and I suspect because of missing tag I am having problems in displaying so need some tool that can identify it.
Try to validate page on W3 validator (validate via file uplod)it will show all errors.
You can use the Auto-Format feature (Ctrl+K+D) of Microsoft Visual Studio - it reformats your code so that you can easily see whether there are missing tags. I love this feature, it often comes in handy.
You can use http://validator.w3.org/ or notepad++ is the best option to check div's.
Any tool which gives you basic text editing tools can tell you this very easily.Some useful tools are:
1. Visual Studio
2. Notepad++
3. MS word(yes this also shows)
4. Front Page(very old player in this field)
Lots of many more.
Above of all, open your page in chrome or Mozilla then press F12, see the code and fix it.
Visual Studio is so powerful and convenient as HTML,CSS and JS editor.
After typing div,it automatically types /div for me.Espresso can do this as well, but it just doesn't types the TAP or space*4 automatically,that's awful!
So, is there any web editor on Mac as powerful as Visual Stdio.Thanks!
By the way, vs2013 Pro is free for students.
There are many good editors for HTML, CSS and JS for Mac like Espresso, Coda 2, TextMate.
But I personally prefer Sublime Text + Emmet combination.
Emmet Documentation
Check this link also for some of the features of Emmet.
Why don't you take a look at Sublime Text, TextMate or Coda 2?
You may find TypeMetal productive for HTML content authoring. It makes the easy stuff easy, while providing unrestricted access to HTML's full element set. TypeMetal produces streamlined, professional-grade markup, while enabling you to work with fully styled content in a keyboard-shortcut-rich environment. You can find links to a free demo build and the complete online user guide here. (I designed and developed TypeMetal to be the "missing HTML editor" I've long wished for -- hope you'll enjoy it too!)
You can try learning and customizing vim ( = !
I've been doing web development in Coda recently. It's a really fantastic app, however there are some very annoying quirks. When going through a list of 5 or 6 closing divs I'm trying to find the quickest way to match up the closing tag with it's partner.
Some other IDEs will highlight the brackets<>, others will display a line highlighter. I don't know if there's any way to enable a similar feature in Coda? I'm having to match up the indentations and check myself with Chrome Inspecter, which is a huge pain.
Try the Zen Coding Plugin for Coda.
Edit:
Zen Coding has been renamed: It is now called Emmet. There is an up-to-date Emmet plugin for Coda on GitHub.
There are various options available in the Plug-ins > Emmet menu, but the quick-and-dirty way to match a start and end tag is to place your cursor within the tag of interest and use the following key combination: ⌃⇧D.
This is one feature Coda does not support. Other IDEs have had it forever, Dreamweaver comes to mind first. You can request the feature by emailing the guys over at Panic. They are VERY responsive to user requests in future updates. Their address is coda#panic.com.
Otherwise, you can quickly copy paste the text over to TextWrangler (which does support the feature) and make sure all the tags are in order before uploading. I use it as my main HTML/PHP IDE. It's great for webdevs.
Coda 2 still does not include HTML tag matching. I use Coda 2 myself and Gilbert Pellegrom references the lack of matching in this blog post quick reviewing Coda 2.
I would echo Peter and email them at coda#panic.com Maybe with the new release Panic will be even quicker to add requested features.
Is there an IDE that highlights each HTML closing tag (as you highlight over the opening tag, for example), similar to how many IDE's highlight where the opening/closing braces are for functions and such?
There are quite many IDEs that can do that and it's only up to you which one will you choose.
For example I often use NetBeans and Eclipse for HTML+CSS and PHP, sometime VisualStudio (for ASP.NET). For very fast editing, or something small I use Notepad++. All of them supports highlighting closing and beginning tags when marked. Also Dreamweaver is good for HTML, but I prefer to use OpenSource or freeware software (except for Visual Studio, but Express editions are also available free of charge).
So as you can see there are many options. I have to say that Notepad++ is quite powerful tool, very hight customizable, but for bigger HTML projects I use NetBeans due to it's code completion, syntax highlighting and other useful tools.
Regards,
Ventus
There is NotePad++ amongst many other for sure.
Zend Studio does this as well, so I'm assuming Eclipse PDT has it.
Yes lots, you can use notepad++, aptana if you have a better machine, pspad
if you can use aptana and add the ftp site so you can have full access of everything ;)
I have to make a few changes to some unformatted HTML (no line breaks, nothing) and was wondering if there are any web-based or open source tools that will automatically format it so it's easier to read.
Thanks!
Take a look at tidy - overview from the documentation:
When editing HTML it's easy to make
mistakes. Wouldn't it be nice if there
was a simple way to fix these mistakes
automatically and tidy up sloppy
editing into nicely layed out markup?
Well now there is! Dave Raggett's HTML
TIDY is a free utility for doing just
that. It also works great on the
atrociously hard to read markup
generated by specialized HTML editors
and conversion tools, and can help you
identify where you need to pay further
attention on making your pages more
accessible to people with
disabilities.
Check out Notepad++
In the menu, click TEXTFX -> HTML Tidy.
jedit also contains some plugins to do the job. (I think it is also using tidy)