とりぷるぷぅ技術メモ: [Emacs]ZenCoding を使う

2013年6月16日日曜日

[Emacs]ZenCoding を使う

インストール
en-coding - Project Hosting on Google Code の Emacs 対応をインストール

EmacsWiki: Zen Coding から zencoding-mode.el をダウンロードする。
emacs\site-lisp に zencoding-mode.el を置く。

.emacs に以下を追加

;;; ===== zen-coding ===
(require 'zencoding-mode)
(add-hook 'nxml-mode-hook 'zencoding-mode)

nXML mode に入ると自動で zencoding-mode が起動するようにする。

動作確認

div#name.one

と入力して Ctrl + Enter を押すと下記のように変換される。

<div id="name" class="one">
</div>

使用例

```
a
```
ここで Ctrl + Enter を押すと
```
<a></a>
```

html>(head>title)+body

ここで Ctrl + Enter を押すと

<html>
 <head>
 <title>
 </title>
 </head>
 <body>
 </body>
</html>

table>(thead>tr>td+td)+(tbody>(tr>td+td)*3)

ここで Ctrl + Enter を押すと

<table>
 <thead>
 <tr>
 <td>
 </td>
 <td>
 </td>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>
 </td>
 <td>
 </td>
 </tr>
 <tr>
 <td>
 </td>
 <td>
 </td>
 </tr>
 <tr>
 <td>
 </td>
 <td>
 </td>
 </tr>
 </tbody>
</table>

とりぷるぷぅ技術メモ

2013年6月16日日曜日

[Emacs]ZenCoding を使う

0 件のコメント:

コメントを投稿