Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Looking for an editor which closes HTML tags the way like Dreamweaver does [closed]

I really like the way Dreamweaver deals with autocompletion of XML and HTML documents.

When I type </ it automatically finds the nearest open tag and autocloses it. So when I have this:

<div class="wrapper">
    <h1>Hello, world!</

it gets updated to this:

<div class="wrapper">
    <h1>Hello, world!</h1>

It would be nice using this feature again so I'd like to know if you've encountered a code editor recently which supports it.

I'm especially interested in finding out whether PHPStorm, Eclipse or Notepad++ (maybe NetBeans) can be persuaded somehow perhaps with a nice plugin.

Please note:

I don't want autocompletion to immediately close the tag that I've just entered. I find the below behavior quite annoying:

<div class="wrapper">
    <h1

and when I close the tag it becomes:

<div class="wrapper">
    <h1></h1>

So this is what I don't wish to accept.

like image 376
Wabbitseason Avatar asked May 15 '11 13:05

Wabbitseason


1 Answers

You should really check out Sublime Text:

http://www.sublimetext.com/

It has lots of auto complete features to help speed up your coding. Oh, and it's sexy! I'm not a SublimeText expert, but I know it has a lot of cool 'snippets' that can help speed up coding. Example:
Typing:

aTAB

will produce:

<a href=""></a> 

with the cursor between the double quotes so you can enter the href.
Typing:

div#wrapperTAB

will produce:

<div id="wrapper"></div>

with the cursor between the div tags.

You can also get an extension called Zen Coding, which will let you type things like:

div#wrapper>h1ALT+e

To set you up with:

<div id="wrapper">
    <h1></h1>
</div>

With the cursor between the h1 tags, so you can type 'Hello World!'

Also, it won't immediately close the tag that you've just entered. (like in your 'Please Note')

like image 166
whoabackoff Avatar answered Oct 09 '22 23:10

whoabackoff