Find a Matching HTML tag in Coda for Mac OS X

Question

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.

score 5 · Answer 1 · edited Jun 20 '20 at 09:12

5

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.

edited Jun 20 '20 at 09:12

Community

1
1

answered May 26 '12 at 16:28

user456584

86,427
15
75
107

The Zen Coding Plugin for Coda is not supported and only works on Coda 1. - http://onecrayon.com/tea/coda/ – Joshua Dance May 01 '13 at 18:38
I installed the new Zen Coding plugin for Coda (http://befive-design.blogspot.com/2012/12/using-zen-coding-in-panic-coda-2.html) and it still doesn't match tags. – Joshua Dance May 01 '13 at 18:47
Nice. Is there a pref to activate tag matching? I still can't get it to do it. :) – Joshua Dance May 01 '13 at 22:36
1

@Joshua Added some more detail. – user456584 May 01 '13 at 23:02
Selected the whole tag. Thanks! – Joshua Dance May 02 '13 at 15:42
works perfectly, incase it helps those key combos are `SHIFT+CONTROL+D`. It will hightlight the entire code block between to tags, for example `
content
` – wired00 Dec 20 '13 at 23:56

score 3 · Accepted Answer · answered Aug 12 '11 at 23:48

3

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.

answered Aug 12 '11 at 23:48

Peter Kazazes

3,600
7
31
60

awesome man, straight to the point I like it! Yeah strange.. I'll shoot them an e-mail just to see what their thoughts are. Also downloading TextWrangler now I appreciate the direct link :) – Jake Aug 13 '11 at 00:00

score 2 · Answer 3 · answered May 24 '12 at 19:28

2

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.

answered May 24 '12 at 19:28

Joshua Dance

8,847
4
67
72

1

yeah I tried dropping a line, unfortunately to no avail. Maybe we can keep requesting and eventually it'll be picked up – Jake May 25 '12 at 14:11
1

I sent them an email too. I switched to Sublime 2 because of this. :( – Joshua Dance Jun 13 '12 at 21:27
I need this capability all the time when trying to fix others' HTMessyL. I have installed Github Atom and it does tag matching immediately. – UTCWebDev Aug 20 '15 at 20:36

Find a Matching HTML tag in Coda for Mac OS X

3 Answers3