SVG編集のためのCotEditor用のスクリプトセットです。
SVGの カラーリング定義ファイル 、svgz形式への書き出し 、W3Cでの バリテーション 、base64エンコードをした 画像の挿入 、 テンプレート、プレビュー など CotEditorでSVGを編集する際にたいへん便利なスクリプトが詰まっています。
CotEditorをSVGエディタとして使う、そんなクリエティブ・ライフを応援するスクリプト・スイートです。
- hallo.svg —— お試し用のSVGデータ
- README.md —— 説明書（この書類）
- screenshot.png —— スクリーンショット
- SVG/ —— スクリプトセット
- legacy previwer/ —— SVG Suite v0.6までで使われていた、SVGをSafariでプレビューするスクリプト（詳しくは中のREADMEを参照）
CotEditorのスクリプトメニューから「スクリプトフォルダを開く」を選択するとFinderでScriptMenuフォルダが開きます。 そのScriptMenuにSVGフォルダをまるごと移動させた後「スクリプトメニューを更新」を実行してください。 以降はスクリプトメニューから、もしくはお好みのキーアサインを割り当ててご利用ください。
Mac App Store から別途インストールして下さい。
ScriptMenuからSVGフォルダを取り除いてください。
基本的にはCotEditorでSVGを編集しながらGapplinで随時変更を確認する、という使い方を想定しています。そのままSVGZ形式に出力できるためInkscapeやIllustratorが出力したSVGファイルの最後のクリーンナップにも最適です。
本スクリプト・スイートではSVGのプレビューにSVGビューア Gapplinを用いています。このアプリケーションはSVGをWebKitレンダリングで表示する専用のプレビューアとして、本スイートと同じ作者によって開発されました。現時点でいまだSVG(Z)を開けないPreview.appに代わって、編集中のSVG画像のプレビューをサポートします。
GappinはそもそもテキストエディタでのSVG編集と併用することを目的に開発されており、CotEditorでファイルを保存すれば、自動的にビューも更新されるように設計されています。
既にテンプレートが挿入されている新しいSVGドキュメントを開きます。
編集中のSVGファイルをGapplinで開きます。 Command + Shift + R がショートカットキーとして割り振られています。
カラーリング・シンタックスがSVGのときのみ有効です（変更可）。
W3C Markup Validation Serviceを用いて編集中のファイルをバリデート(検証)し結果をダイアログで返します。 さらに Show Details で詳細結果をウェブブラウザで表示します。
インターネットに接続している必要があります。
このスクリプトはHTMLなどのSVG以外のファイルにも使えます（CSS検証サービスはカバーしていません）。
編集中のSVGファイルを別のフォーマットで書き出します。
編集中のSVGファイルをInkscapeで開きます。
編集中のファイルをそれぞれFirefox, Chromeで開きます。
このスクリプトはHTMLなどのSVG以外のファイルにも使えます。
任意の画像ファイルをbase64エンコードし、imageタグとしてキャレット位置に挿入します。
それぞれ便利な定型句のテンプレートを挿入します。
Gapplinで最前面のウインドウのダークモードを切り替えます。
いくつかのスクリプトではファイル内の値を書き換えることで挙動のカスタマイズが可能です。
###スクリプト全般
CotEditorスクリプトのショートカットキーはファイル名を変更することで設定可能です。 デフォルトではPreviewにのみ Command + Shift + R がショートカットキーとして割り振られています。 詳しくはCotEditor本体のヘルプを参照してください。
スクリプトのファイル名を変更することでスクリプトメニューでの表記を変えることができます。 現時点では ファイルに依存関係はないので、お好みでわかりやすい名前に書き換えてください。
いらないスクリプトを削除したりディレクトリを移動させる（例えばValidate on W3C を ScriptMenuの最上階層に）のも問題ないです。
-
syntaxNameデフォルト値：SVG誤作動防止のためカラーリング・シンタックスがこの値のモードのときのみ実行されます。 "XML"等、他のシンタックス・モードでSVGを編集している場合は書き換えてください。
-
adjustsWindowPositionデフォルト値：true (位置を調節する)Gapplinで開いたウインドウがCotEditorで開いているウインドウの隣に来るように調節をするかを決定します。
-
insertTitleTag,insertStyleTag,insertDefsTagそれぞれタグをテンプレートとして新規書類に挿入するかを決定します。
-
syntaxName書類を作成した際に自動的にセットするカラーリングモードを設定します。
-
width,heightSVGドキュメントのサイズを決定します。
-
showAlertDialogデフォルト値：true (アラートを出す)セーブをせずに実行した際やファイルがSVGでなかった際に実行できない旨を知らせるアラートを表示するかを決定します。 falseにした場合は、何も表示せずにスクリプトを中断します。
-
maxFileSize容量の大きな画像を埋め込もうしたときの確認ダイアログを出すしきい値を変更できます。
やりたいなと思ってること。気が向いたものから実装されます。されないかもしれません。
- 英語版README
- テンプレートをもう少し増やす
- アラートをもう少し推敲する
- バリテーション詳細結果の出力先としてCotEdiorのスクリプトエラーウィンドウを選べるようにする
- ダイアログ等の日本語ローカライズ
- OS X Maverics 10.10
- CotEditor 2.0.2
1024jp
不具合や要望などありましたら、GitHub上や作者のTwitter等で気軽にご連絡下さい。 かならず対応することを保証はしませんが、前向きに検討させていただきます。 「便利に使ってるよ」というただの利用報告でもモチベーションが上がります（安いものです）。
また、Gapplinへのフィードバックがありましたら、BitBucket Issuesの方にお願いします。
本スクリプト・スイートは クリエイティブ・コモンズ 表示 - 非営利 3.0 非移植 ライセンス の下に提供されています。