Yahoo YUI2の Rich Text Editorを試しに導入してみましたのでメモします。
まず以下を読み込みます。
次に設定をしてレンダリングします。
var myEditor = new YAHOO.widget.Editor('#ID名', {
height: '300px',
width: '75%',
dompath: true,
animate: true,
handleSubmit:true
});
myEditor.render();
その後、bodyタグにクラスを入れました。
<body class="yui-skin-sam">
以上です。
最初、POSTしたときに行きませんでしたが
configulationでhandleSubmit:trueを記述するといけました。
ui-tabs-selectedでした。
jQueryUI のtabではアクティブなタブにクラス「 ui-tabs-selected 」が
付加されるようです。
知りませんでした。常識っぽいです。
simplyscrollのサンプルがありました。
というか、simplyscroll知りませんでした。
そんなに有名なんでしょうか？
あとgoogleコードでホスティングされてるのが
探すの下手くそです。
as3でもあったあの物理エンジンがjsでも開発されているようです。
すごく楽しみです。
http://box2d-js.sourceforge.net/
サンプル
http://box2d.heroku.com/
js.do itで無名関数のテストをしているのがあったので
メモしておきます。
http://jsdo.it/hilotter/kRlf
無名関数を作ってすぐ実行するとか
(function(){document.write("test");})();
関数を返す関数をつくるとか
function hello2() {
var hello = function (){
document.write("hello2");
};
return hello; //()なし
}
変数に、関数を格納するこの表現とか
var h2 = hello2(); h2();
面白かったです。
自分は何も知らないなと感じます。
とりあえず、よく使いそうなものだけまとめました。
動くはずなんだけどなーとおもいつつ
はまってしまいましたのでメモします。
以下の記述がないと駄目だったんですね。
.ui-tabs .ui-tabs-hide {
display: none;
}
雰囲気でやるとダメってことです。
気をつけます。
http://jqueryui.com/demos/datepicker/
なんだよーこれ。
しらなかったぜ。
jHtmlAreaのデフォルトのツールバー
デフォルトであるサイズを変更するボタンとか追加したいなと思ったのですが
いまいちどこにあるのかわかりませんでしたので。
["html"], ["bold", "italic", "underline", "strikethrough", "|", "subscript", "superscript"], ["increasefontsize", "decreasefontsize"], ["orderedlist", "unorderedlist"], ["indent", "outdent"], ["justifyleft", "justifycenter", "justifyright"], ["link", "unlink", "image", "horizontalrule"], ["p", "h1", "h2", "h3", "h4", "h5", "h6"], ["cut", "copy", "paste"]
そしてツールバーの項目を変更する際のスクリプト
$(function(){
$("textarea#content").htmlarea({
toolbar: [
["html","|", "bold", "italic", "underline", "|", "forecolor"],
["increasefontsize", "decreasefontsize"],
["link", "unlink", "|", "image"],
["cut", "copy", "paste"]
]
});
});
WYSIWYG（ウィジウィグ）エディタ探していましたが
jQueryで動くモノがあったのでメモっときます。
http://jhtmlarea.codeplex.com/