ホーム > Zen Coding for Sakura Editor

Zen Coding for Sakura Editor

  • 2010年7月16日 12:00 AM

Zen Codingをサクラエディタで行えるように一部の機能だけですが移植しましたので公開します。

サクラエディタ下記のようなことができるようになります。

Zen Codingについては下記の書籍に利用方法が説明されています。

ツイートツイート

コメント:11

まさ 2011年2月28日

便利なマクロを公開していただきありがとうございます!

質問ですが、CSSでのZenCodingの仕方が分かりません。
「@i」としてから実行しても、「<@i></@i>」のようにHTMLとして実行されます。

CSSのZenCodingを行うにはどこか設定しないといけないのでしょうか?

yobane 2011年3月10日

ご利用いただきありがとうございます。
まず、ZenCodingの仕様して解析はHTMLとCSSに別れており、モードを切り替えればCSSが展開されHTMLは展開されないという動作になっているようです。
このモード切替は基本的にはファイルの拡張子やStyleタグで判断するようですが、現在提供しているサクラエディタのマクロにはサクラエディタがHTMLモードかCSSモードか判断する処理を持っていないためデフォルトとしてHTML解析モードで動作しています。
なので、下記のように1行で記述した場合はモードを動的に切り替えているため、うまく展開されると思うのですが、これもうまくいきませんか?


<style type="text/css">@i</style>

また、上記のとおりHTMLモードで動作してるため、ファイルの拡張子を.cssにしたり、サクラエディタのモードをCSSにしてもご指摘いただいたようにCSSは展開されません。
CSSでの展開を行いたいのであれば、モード切替部分をマクロの修正など何らかの手段で実現すれば可能と思われます。
(つまり、この部分は現バージョンでは未対応です。時間が取れ次第、調べてみます。)
なお、手直しをされて対応された場合、修正を取り込みたいと思いますのでご連絡いただければと思います。

maruta 2011年6月3日

JS単体で実行すると、エラーが出てしまい、
sakuraでマクロ実行しても何も反応しません。。

解決頂くことは可能でしょうか。

他に必要な情報があればご連絡いただけますでしょうか。

sakura愛用しているので、ぜひともこちらのマクロを使いたいです!!

yobane 2011年6月10日

自分の開発環境及びネット機では問題なく動作してるようです。
一応過去のバージョンもダウンロード可能にしましたのでご確認ください。
ほしい情報としてはOS、サクラエディターのバージョンの情報をいただけると助かります。

lhankor_mhy 2011年6月11日

使用させていただきました。これは素晴らしいですね!
 
ところで、CSSのpaddingとぶつかっているようで、が展開されないようです。

しろ 2011年6月17日

重宝しそうです。貴重なマクロありがとうございます!!
ひとつふるいバージョンのサクラエディタで動かなかったので、最新版をインストールしてやり直したらうまくいきました!

ただ、html:4s とうっても

としかならず、文書型宣言などが展開されませんでした。こちらの設定の問題なのでしょうか?

しろ 2011年6月17日

↑自己解決しました。
一度、html ファイルとして保存しないと正常に動作しないんですね。。早とちりしました。
度々のコメントで申し訳ございません。

maru 2011年10月13日

利用させていただきました。ありがとうございます。
ただ、字下げした状態で使おうとすると機能しません。
行頭でしか機能しないのでしょうか。
よろしくお願いします。

Arissa 2011年12月16日

有難く使わせてもらいます!
こちらのzencodingにはwrap機能はありますか?

yobane@WebAdmin 2012年1月11日

回答が遅れて申し訳ありません。
wrap機能は実装できていません。
今後、対応する可能性はありますが、近日中の対応は致しかねます。

隠居小屋 2012年11月5日

はじめまして。
便利なマクロを公開していただき、ありがとうございます。

こちらにあるマクロに、以下の機能を追加したものを当方のHPで公開させていただきました。
・行頭にインデントがあった場合にも展開機能を実行
・文字列を選択した状態で実行するとWrap機能が動作
・*.cssファイルの場合はCSS展開機能が動作

もし不都合がある場合や、変更を取り込まれるといったことがありましたら公開を停止いたします。
(複数の版があるよりは、統一して公開されている方が良いとの考えのため)
よろしければお時間のある際にでもご確認くださいませ。

それでは失礼いたします。

コメントフォーム
入力した情報を記憶する

トラックバック:2

この記事のトラックバック URL
http://mwlab.net/zen-coding-for-sakuraeditor/trackback
トラックバックの送信元リスト
Zen Coding for Sakura Editor - MoonWing より
pingback - Zen Coding - a new way of writing HTML and CSS code | Amir Hameed より 2014年5月22日

[…] Sakura Editor (Windows) — external download […]

pingback - zen coding | Musthaan より 2014年6月12日

[…] Sakura Editor (Windows) — external download […]

ホーム > Zen Coding for Sakura Editor

検索
フィード
翻訳
Japanese flagEnglish flag

ページの上部に戻る