CKEditorで入力フォームを作ります。
form.php で入力（CKEditor、CKFinder付き。前回参照）
conf.phpで確認。戻るでform.phpに戻るようにして、form.phpにはPOSTで入力していた情報をデータとしてセットする。
を行います。
form.phpで入力と戻ってきたときのデータをセット
- form.phpでは、CKEditor(CKFinder含）をセットし、formタグで囲み、action="conf.php" method="post"にします。
- conf.phpで戻ってきたときに入力していたデータをセットします。
１．は普通にCKEditorを組み込めれば、フォームと同じです。
２．では、textarea name="editor1" だったとすると、editor1にPOSTで戻ってきたデータをセットすることになりますが、CKEditorの準備が完了してからセットしないと反映されません。
イベントinstanceReadyを使い、準備が出来た時にセットするようにします。
JAVASCRIPT:
-
<script type="text/javascript"> //<![CDATA[ CKEDITOR.on(\\'instanceReady\\', function(e) { var tmpEditor = CKEDITOR.instances.editor1; tmpEditor.setData( \\'<?php echo ; ?>\\' ); });
-
-
//]]> </script><script type="text/javascript">
-
//<![CDATA[
-
CKEDITOR.on('instanceReady', function(e) {
-
var tmpEditor = CKEDITOR.instances.sentence;
-
tmpEditor.setData( '<?php echo $sentence; ?>' );
-
});
-
-
//]]>
-
</script>
渡すデータは、改行などをあらかじめ削除しておきます。
PHP:
-
$sentence = $_POST['editor1'];
これで、CKEditorの準備が出来た時に、$_POST[''];のデータをセットすることが出来ます。
参考ＵＲＬ
CKEditor 3 JavaScriptAPI Documentation
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.html
Loading ...
