YUIをインストールした
RichText Editorが欲しくてダウンロードしてきた。
簡単そうなサンプルを選んで(http://developer.yahoo.com/yui/examples/editor/simple_editor.html)
設置してみた。http://developer.yahoo.com/yui/editor/#startによると
<!-- Skin CSS file --> <link href="http://yui.yahooapis.com/2.5.1/build/assets/skins/sam/skin.css" type="text/css" rel="stylesheet"/> <!-- Utility Dependencies --> <script src="http://yui.yahooapis.com/2.5.1/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script> <script src="http://yui.yahooapis.com/2.5.1/build/element/element-beta-min.js" type="text/javascript" ></script> <!-- Needed for Menus, Buttons and Overlays used in the Toolbar --> <script src="http://yui.yahooapis.com/2.5.1/build/container/container_core-min.js" type="text/javascript"></script> <!-- Source file for Rich Text Editor--> <script src="http://yui.yahooapis.com/2.5.1/build/editor/simpleeditor-beta-min.js" type="text/javascript"></script>
というヘッダーが必要らしい。
実行するとデザインが崩れる・・・しばらく格闘して・・・
class="yui-skin-sam"でスキンを適用してあげないといけなかった模様w
textareaの一つ上にdivでも作ってclassを書けばよさそうだ
YUIを使いながら思い出した
JSは簡単に空間汚染が広がる。例えば、prototype.jsを使ったらAjaxってキーワードは抑えられちゃう。
YUIのサンプルの初期化コードでは
(function(){ 初期化処理 })()
なんてことをしている。無名関数を作って、即起動している。
出来るだけ名前の干渉がないように考えながらjavascriptは書いてあげるといいなぁ(なんていう理想・・・頑張っていいコードを書こう)