Aptana-プラグインの作成

最近、私はAptana Studio Community Editionをメインの作業エディターとして選択しました。 エディターは非常に優れており（その機能の詳細なレビューは別の投稿のトピックです）、無料で喜んでいます。

そのため、AptanaはEclipse Monkeyプラグインをサポートしています。 どうやってやるの？ 次に、CSSファイルを圧縮するためのプラグインを作成する例を紹介します。



まず、プロジェクトに「Monkey」または「Scripts」フォルダーを作成する必要があります（スクリプトの場合は、別のプロジェクトを作成しました）。 次に、新しいフォルダーにJavaScriptファイルを作成して開きます。



最初に次のように書きます：

/*

* Menu: CSS > Compact

* DOM: download.eclipse.org/technology/dash/update/org.eclipse.eclipsemonkey.lang.javascript

* DOM: localhost/com.aptana.ide.scripting

*/







このコメントは、プラグインがパネルおよびスクリプトメニューに表示される方法を説明しています。 この場合、プラグインはCompactというCSSセクションに分類されます。



この関数内にメイン関数を作成し、編集したコードに対するすべてのアクションを説明します。

function main(){

}







まず、アクティブなエディターが存在することを確認する必要があります。そのため、メイン関数に次のように記述します。



var sourceEditor = editors.activeEditor;

if (sourceEditor === undefined)

{

alert(" !");

}







editros.activeEditor（アクティブエディター）と同等の変数sourceEditorを作成します。 次に、アクティブなエディターがあるかどうかを確認し、エディターがない場合は警告を表示します。

次のステップは、編集中のファイルがCSSファイルであることを確認することです。 これを行うには、次の関数を作成します。



function getLanguage()

{

var result = "";



try

{

result = editors.activeEditor.textEditor.getFileContext().getDefaultLanguage();

}

catch(e)

{

}



return result;

}









この関数は、アクティブなエディターでファイルの種類を返します。 それを呼び出すには、メイン関数にifを追加します。



else if (getLanguage() != "text/css")

{

alert(" CSS-!");

}









アクティブなエディターがあり、その中のファイルがCSSであることを確認したら、コードの作業に直接進むことができます。 これを行うには、次のように追加します。



else

{

var comString = sourceEditor.source; // comString



var reg = /\t/g; //

var comString = comString.replace(reg,''); //



var reg = /\/\*.*\*\//g; //

var comString = comString.replace(reg,''); //



var reg = /:\s*/g; //

var comString = comString.replace(reg,':'); // display: none;



var reg = /\r\n\r\n/g; //

var comString = comString.replace(reg,''); //



// ,

sourceEditor.applyEdit(0, sourceEditor.sourceLength, comString);

}









以上です。 このプラグインを保存してAptanaを再起動すると、Scripts> CSSメニューでCompactエントリが見つかり、CSSファイルを圧縮することができます。



したがって、変数comStringでさまざまなアクションを実行することで、必要なプラグインを作成できます！



最終結果：

/*

* Menu: CSS > Compact

* DOM: download.eclipse.org/technology/dash/update/org.eclipse.eclipsemonkey.lang.javascript

* DOM: localhost/com.aptana.ide.scripting

*/



function main()

{

var sourceEditor = editors.activeEditor;



if (sourceEditor === undefined)

{

alert( " !" );

}

else if (getLanguage() != "text/css" )

{

alert( " CSS-!" );

}

else

{

var comString = sourceEditor.source;



var reg = /\t/g;

var comString = comString.replace(reg, '' );



var reg = /\/\*.*\*\ //g;

var comString = comString.replace(reg, '' );



var reg = /:\s*/g;

var comString = comString.replace(reg, ':' );



var reg = /{\s*/g;

var comString = comString.replace(reg, '{' );



var reg = /}\s*/g;

var comString = comString.replace(reg, '}' );



var reg = /\s*{/g;

var comString = comString.replace(reg, '{' );



var reg = /;\s*/g;

var comString = comString.replace(reg, ';' );



var reg = /\r\n/g;

var comString = comString.replace(reg, '' );



sourceEditor.applyEdit(0, sourceEditor.sourceLength, comString);

}

}



function getLanguage()

{

var result = "" ;



try

{

result = editors.activeEditor.textEditor.getFileContext().getDefaultLanguage();

}

catch (e)

{

}



return result;

}



* This source code was highlighted with Source Code Highlighter .

PSこの記事の例は、100％CSSファイルコンプレッサーであると主張していません！