マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

CMS javascript(jquery) PHP WEB制作

WYSIWYGエディタCKEditor + KCFinderで画像の保存先を動的に指定する方法。

投稿日:2014年5月26日 更新日:

ブログの記事の編集などにWYSIWYGエディタCKEditor + KCFinderを導入しているサイトでログインするユーザごとに画像のアップロード先を切り替えたい状況がございます。
その方法を紹介します。

ckeditor.jsをインクルードする前の段階で、KCFinderで参照するセッション変数にアップロード先を設定します。
// 以下でアップロード先のディレクトリのURLを指定します。
$_SESSION[‘KCFINDER’][‘uploadURL’] = http://www.xxxxx.co.jp/ユーザごとにディレクトリ”;
// 以下でアップロード先のディレクトリを指定します。
$_SESSION[‘KCFINDER’][‘uploadDir’] = “/var/www/html/ユーザごとにディレクトリ”;

<script language=”javascript” src=”/js/ckeditor/ckeditor.js” type=”text/javascript”></script>

尚、cakephpなどセッションクッキーの名前がデフォルトで異なる場合は、
セッションクッキーの名前をKCFinderと一致させる必要がございます。
↓cakephp2.Xの場合、core.phpにセッション関連の設定変更します。
cake/app/config/core.php

Configure::write(‘Session’, array(
‘cookie’ => ‘PHPSESSID’, // ←セッションクッキーの名前を変更
‘defaults’ => ‘php’
));

東京のWEB制作会社 マーカーネット株式会社 公式WEBサイトへ

-CMS, javascript(jquery), PHP, WEB制作

関連記事

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

Webデザインを制作する中で、写真素材を使用することが多々あります。 これらの素材にひと手間加えることで、写真の魅力がグッと加わったり、 サイトの印象を変えることができたり、ポイントにもなったりします …

レスポンシブにも対応!行ごとのブロック要素の高さを自動で合わせる方法。

レスポンシブにも対応!行ごとのブロック要素の高さを自動で合わせる方法。

ブロック要素の高さを揃えるJavaScriptはいくつかあります。 その中でも行ごとの高さを変えたい場合に便利な「fixHeight.js」をご紹介します。 Contents 「fixHeight.j …

HTML5 【data-】 独自データ属性を使おう!

独自データ属性、カスタムデータ属性、data-role属性・・・ と色々な呼ばれ方をする、html5で追加されたオリジナルの属性をつくれる素敵な仕組み! 「href」はリンク先、「id」「class」 …

制作部隊に仕事を依頼するときに最低限必要な5つのこと。

制作部隊に仕事を依頼するときに最低限必要な5つのこと。 こんにちは。WEBデザイナーのKです。 本日はWEBデザイナーやプログラマーなど制作関係の方に、仕事を依頼するときに、 最低限抑えておかなければ …

WEBトレンド!?パーツの動きに注目!!~素敵サイトの旅 その2~

明けましておめでとうございます。web初心者のKです! 本年もどうぞよろしくお願いいたします。 みなさま、お正月はいかがお過ごしでいたでしょうか? 私はあまりに寒すぎて冬眠できないかな~、と、 食いだ …