- 締切済み
ajaxを使用してckeditorを表示したい
PHPとjquery1.3 で ajax を使用し、下記のような処理を書いてみました。 text.phpにckeditorを表示させたいのですが、どのようにすればいいのでしょうか？ ソースコードで教えて頂けると助かります！ ちなみに呼び出しもとのファイルでの ckeditor の動作は確認できました。 よろしくお願いします。 ■呼び出し元のhtml <html> <head> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script type="text/javascript"> $( function() { $("select").change(function () { var value = ""; $("select option:selected").each(function () { value += $(this).val(); }); $("#out").load("text.php?name=" + value); }).change(); }); </script> <title>テスト</title> </head> <body> <select name="text"> <option value="normal">テキスト入力</option> <option value="html">htmlエディター</option> </select> <div id="out"></div> </body> </html> ■text.phpの内容 <? if(isset($_GET['name'])){ $name = $_GET['name'];} if($name == "normal"){ ?><textarea cols="80" rows="10">テキスト入力</textarea><? }elseif($name == "html"){ ?><textarea class="ckeditor" id="editor" cols="80" rows="10">htmlエディター</textarea><? } ?>
- yoshi_cb
- お礼率75% (3/4)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- reggaepunc
- ベストアンサー率59% (64/108)
こういうやり方もあります。という1例です。 ------------------------------------------- ■index.php <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script type="text/javascript" src="ckeditor/adapters/jquery.js"></script> <script type="text/javascript"> $(function() { $("select").change( function() { var value = ""; $("select option:selected").each(function () { value += $(this).val(); }); // ---------------------- $("#out").load( "text.php?name=" + value, function() { console.debug( value ); if( value == 'html' ) { $('textArea').ckeditor(); $('textArea').css({ visibility : 'visible' }); } }); }).change(); }); </script> <title>テスト</title> </head> <body> <select name="text"> <option value="normal">テキスト入力</option> <option value="html">htmlエディター</option> </select> <div id="out"></div> </body> </html> ------------------------------------------- ■text.php <textarea cols="80" rows="10"></textarea> ================================================== ドキュメントを簡単に読むと、他にもやり方はたくさんあるみたいですねー。
お礼
ありがとうございます。 残念ながら動作は確認できませんでした。 どうやら下記の行でエラーが発生しているようでした。 $('textArea').ckeditor(); やり方としては大変参考になりました。 少しこのやり方でうまく動かないか試してみます。 本当にありがとうございます。