{"id":1138,"date":"2011-10-21T12:51:29","date_gmt":"2011-10-21T10:51:29","guid":{"rendered":"http:\/\/www.tutego.de\/blog\/javainsel\/2011\/10\/zen-coding-plugins-fr-schnelle-schreiben-von-htmlxml\/"},"modified":"2011-10-21T13:49:06","modified_gmt":"2011-10-21T11:49:06","slug":"zen-coding-plugins-fr-schnelle-schreiben-von-htmlxml","status":"publish","type":"post","link":"https:\/\/www.tutego.de\/blog\/javainsel\/2011\/10\/zen-coding-plugins-fr-schnelle-schreiben-von-htmlxml\/","title":{"rendered":"Zen-Coding: Plugins f&uuml;r&rsquo; schnelle Schreiben von HTML\/XML"},"content":{"rendered":"<p><a href=\"http:\/\/code.google.com\/p\/zen-coding\/\">http:\/\/code.google.com\/p\/zen-coding\/<\/a>. Die Idee ist, dass der Editor Ausdr\u00fccke wie<\/p>\n<p>div#page&gt;div.logo+ul#navigation&gt;li*5&gt;a<\/p>\n<p>expandiert zu<\/p>\n<pre>&lt;div id=&quot;page&quot;&gt;<\/pre>\n<pre>&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;div class=&quot;logo&quot;&gt;&lt;\/div&gt;<\/pre>\n<pre>&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;ul id=&quot;navigation&quot;&gt;<\/pre>\n<pre>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;<\/pre>\n<pre>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;<\/pre>\n<pre>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;<\/pre>\n<pre>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;<\/pre>\n<pre>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;<\/pre>\n<pre>&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;\/ul&gt;<\/pre>\n<pre>&lt;\/div&gt;<\/pre>\n<p>Plugins gibt es f\u00fcr<\/p>\n<ul>\n<li><strong>Aptana\/Eclipse<\/strong> (crossplatform) <a href=\"https:\/\/github.com\/sergeche\/eclipse-zencoding\">https:\/\/github.com\/sergeche\/eclipse-zencoding<\/a><\/li>\n<li><strong>TextMate<\/strong> (Mac). Available in two flavors: basic snippets (Zen HTML and Zen CSS) and full-featured plugin (ZenCoding for TextMate). <sub>Bundles &gt; Zen Coding menu item<\/sub><\/li>\n<li><strong>Coda<\/strong> (Mac) \u2014 <a href=\"http:\/\/github.com\/sergeche\/tea-for-coda\/downloads\">external download<\/a>, via <a href=\"http:\/\/onecrayon.com\/tea\/\">TEA for Coda<\/a>. <sub>Plug-ins &gt; TEA for Coda &gt; Zen Coding menu item<\/sub><\/li>\n<li><strong>Espresso<\/strong> (Mac) \u2014 <a href=\"http:\/\/github.com\/sergeche\/tea-for-espresso\/downloads\">external download<\/a>, via <a href=\"http:\/\/onecrayon.com\/tea\/\">TEA for Espresso<\/a>. Zen Coding is bundled with Espresso by default, but you should upgrade ZC to latest version. <sub>Actions &gt; HTML menu item<\/sub><\/li>\n<li><strong>Komodo Edit\/IDE<\/strong> (crossplatform) \u2014 <a href=\"http:\/\/community.activestate.com\/xpi\/zen-coding\">external download<\/a>. <sub>Tools &gt; Zen Coding menu item<\/sub><\/li>\n<li><strong>Notepad++<\/strong> (Windows). <sub>Zen Coding menu item<\/sub> Also a Python version of NPP plugin is available:<a href=\"http:\/\/sourceforge.net\/projects\/npppythonscript\/files\/\">http:\/\/sourceforge.net\/projects\/npppythonscript\/files\/<\/a><\/li>\n<li><strong>PSPad<\/strong> (Windows). <sub>Scripts &gt; Zen Coding menu item<\/sub><\/li>\n<li><strong><tt>&lt;textarea&gt;<\/tt><\/strong> (browser-based). See <a href=\"http:\/\/zen-coding.ru\/textarea\/\">online demo<\/a>. <\/li>\n<li><strong>editArea<\/strong> (browser-based). See <a href=\"http:\/\/zen-coding.ru\/demo\/\">online demo<\/a>. <\/li>\n<li><strong>CodeMirror<\/strong> (browser-based). See <a href=\"http:\/\/zen-coding.ru\/codemirror\/\">online demo<\/a>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>http:\/\/code.google.com\/p\/zen-coding\/. Die Idee ist, dass der Editor Ausdr\u00fccke wie div#page&gt;div.logo+ul#navigation&gt;li*5&gt;a expandiert zu &lt;div id=&quot;page&quot;&gt; &#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;div class=&quot;logo&quot;&gt;&lt;\/div&gt; &#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;ul id=&quot;navigation&quot;&gt; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;\/a&gt;&lt;\/li&gt; &#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;\/ul&gt; &lt;\/div&gt; Plugins gibt es f\u00fcr Aptana\/Eclipse (crossplatform) https:\/\/github.com\/sergeche\/eclipse-zencoding TextMate (Mac). Available in two flavors: basic snippets (Zen HTML [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[7,4],"tags":[],"class_list":["post-1138","post","type-post","status-publish","format-standard","hentry","category-entwicklungsumgebung","category-open-source"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/1138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":1,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/1138\/revisions"}],"predecessor-version":[{"id":1139,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/1138\/revisions\/1139"}],"wp:attachment":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/categories?post=1138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/tags?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}