WYSIWYGエディタで画像のアップロードを行う | Webエンジニアブログ
WYSIWYGのエディタSummernoteではファイルアップロード機能を実装できる Data URI schemeとFile Upload Bootstrap3でデザインされたWYSIWYGのエディタSummernoteに画像アップロード機能を実装する。 SummernoteをCakePHPで利用する SummernoteにはデフォルトでData URI schemeで画像ファイルをエディタに貼り付けることが可能。実際に画像を貼り付けて、HTMLのソースコードを確認してみたのが下の画像の状態になる。 Data URI schemeの方法を用いると画像をサーバ側にアップロードすることなく、画像をすべてエンコードしてテキスト状態にして貼り付けるため、画像を参照するためのHTTPリクエストが発生しないというメリットがある。 File Upload方式にて画像を管理したい場合には、Summern
CakePHPとJSONでAjax用APIを作る方法
以前、CakePHPでjQueryのAjaxを使う方法というエントリーを書きましたが、 今回はJSON形式の配列を返却するAPIを作ってみます。 ここ一年間、APIを設計したり使ったりしましたが、自分なりのノウハウをまとめてみようと思います。 JSON形式で返すメリットjavascriptでオブジェクトとしてそのまま扱えるPHPから他の言語へデータの受け渡しが容易JSONはXMLなどと比べ軽量JSONを返すWebAPIはjavascriptとの相性も良く,Ajaxでのやりとりにも使えます。 PHPの場合はjson_encode、json_decodeで等でJSONと配列を簡単に変換できます。 $json = json_encode(array('あ', 'い', 'う')); echo $json; // ["\u3042","\u3044","\u3046"] ※["あ","い","う"
Wildflower - CakePHP CMS
Content management system and application platform build on CakePHP framework and jQuery Javascript library.Content management system and application platform build on CakePHP framework and jQuery Javascript library. Standards based. Open source. User friendly. Requires up-to-date LAMP stacks. PHP 5.2+, MySQL 4.1+, mod_rewrite. More features Download now Wildflower 1.2 Beta 2, released 18th Septem
CakePHP 3 Ajaxでのテスト設定(小ネタ） | バシャログ。
皆さんどうもfujiharaです。 残暑がまだまだ続きますね。個人的に海の家が解体されているのを見ると 夏が終わるんだなって気持ちになります。 本日は CakePHP 3で Ajax しか受け付けないページでのテスト設定を紹介します。 コントローラメソッド 以下の様なメソッドの場合テスト内で$this->get(), $this->post()を 使用しても反応してくれません。 コントローラ public function ajaxOnly() { if (!$this->request->is('ajax')) { ....(エラー処理) } } この場合、メソッドへのリクエストヘッダーを以下のようにして 書き換えることによって、Ajaxを偽装できます。 テスト内 public functoin testAjaxOnly() { //以下で偽装 $this->configRequest(
[Firefox] HTTP ヘッダ確認アドオン Live HTTP headers | pc.casey.jp
Live HTTP headers を利用するとサーバーとのやり取りが見えるから、特に開発者にとって正しく応答しているかなどを確認するために必須と言えるFirefox アドオン。 インストール インストールする。 Firefox を再起動して有効化を完了する。 使い方 起動のしかた ツールに「Live HTTP headers」が追加されているので選択する。 起動したところ。 使い方 起動した状態で何らかの通信を行うと、リクエストとレスポンスが次々と表示される。 また、「リプレイ」機能もあるり、取得した通信内容を再度実行するようで、Google のトップページを開いた通信をリプレイしたところ、Firefox のタブが再度通信を行った。 この機能は、ある要求に対して（例えば404 を返したいなど）プログラムを組んでいるときには何度も同じ要求を出すことがある。そういった場合に便利だろう。 また
![[Firefox] HTTP ヘッダ確認アドオン Live HTTP headers | pc.casey.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/f09d809ab417bd3443ad78d2186f38a259a17147/height=288;version=1;width=512/https%3A%2F%2Fpc.casey.jp%2Fwp%2Fwp-content%2Fuploads%2F2012%2F02%2FXWSS008473-s.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
