2012年5月2日カテゴリー:

EC-CUBE:テキストエリアにエディタ(WYSIWYG)を設置

2012/5/11 下記修正
———————————————-
メルマガ管理に配置したとき、CKeditorの機能を使用しないで文章を作成してもHTML形式として保存され、タグが表示されてしまう場合があるので、ラジオボタンで「テキスト」を選択した時点でCKeditorのパレットは消え、機能させないように改良した。
修正ファイルは以下の2つ。修正内容は、下記参照。
■data/Smarty/templates/admin/mail/template_input.tpl
■data/Smarty/templates/admin/mail/input.tpl
———————————————-

CKeditor(FCKeditorの後継)をインストールし、下記のテキストエリアに適用する。
1 商品登録の「詳細-メインコメント」
2 商品登録のサブ情報「詳細-サブコメント」
3 メルマガ管理の「テンプレート設定」

1 テキストエリアにエディタを適用するかしないかをmtb_constantsテーブルに登録する。
——————————————-
id:EDITOR_USE
name:6
rank:1248(←適宜)
remarks:テキストエリアにエディタを適用 詳細メイン1 詳細サブ3 メルマガ5 複数適用の場合は、数字をたす。6(1+5)指定で、詳細メインとメルマガに適用
——————————————-
詳細メインのみ→1
詳細サブのみ→3
メルマガのみ→5
詳細メインと詳細サブ→4
詳細メインとメルマガ→6
詳細サブとメルマガ→8
すべてに適用→9

★システム設定>パラメーター設定を開き、「この内容で登録する」をクリック。

2 下記よりCKeditor本体と画像アップロード用のCKfinderをダウンロードする。
CKeditor:http://ckeditor.com/download
CKfinder:http://ckfinder.com/download

3 html/user_data/に、editorフォルダを作成する。さらにその中に下記の2つのフォルダを作成し、必要なファイルをアップロードする。
(1)ckeditorフォルダ
————————————-
ckeditor.js
config.js
adaptersフォルダ
imagesフォルダ
langフォルダ
pluginsskinsフォルダ
skinsフォルダ
themesフォルダ
————————————-

(2)ckfinderフォルダ
————————————-
ckfinder.html
ckfinder.js
ckfinder.php
ckfinder_v1.js
config.js
config.php
coreフォルダ
helpフォルダ
langフォルダ
pluginsフォルダ
skinsフォルダ
userfilesフォルダ
————————————-

4 下記ファイルを修正

(1)■html/user_data/editor/ckfinder/config.php
下記2カ所を変更
————————————-
return false; → return true;

$baseUrl = ‘/ckfinder/userfiles/‘;

$baseUrl = ‘http://’.$_SERVER[“SERVER_NAME”].dirname($_SERVER[‘PHP_SELF’]).’/upload/‘;
————————————-

※ アップロードしたファイルは、下記フォルダに保存されるようになる。
http://ドメイン名/EC-CUBEをインストールしたフォルダ名/user_data/editor/ckfinder/core/connector/php/upload/images/

階層は深くなるが、メルマガで使用するためには、画像のリンク先をドメイン名から始まるものにしなければならない。
保存用フォルダは自動生成されるので作成しなくてもよい。

(2)■user_data/editor/ckeditor/plugins/image/dialogs/image.js
プレビューボックスの訳の分からない文字列を下記に変更する。
————————————-
画像をアップロードするには2つの方法があります。

(1)「サーバーブラウザー」ボタンをクリックすると新規ブラウザが立ち上がるので、上部の「アップロード」をクリックします。アップロードした画像を右クリックして表示されるメニューから「この画像を選択」をクリックすればテキストエリアに挿入できます。

(2)「アップロード」タブをクリックして画像を選択しアップロードします。
————————————-

(3)■user_data/editor/ckeditor/lang/ja.js
サーバーに送信」が多少分かりにくいので、「アップロードする」に置換。

(4)■user_data/editor/ckfinder/lang/ja.js
Add Files」を「画像を追加」に置換

(5)■data/Smarty/templates/admin/main_frame.tpl
~に以下を追加。

[php]







[/php]

(6)■data/Smarty/templates/admin/products/product.tpl
 詳細-メインコメントのテキストエリア、textareaname=”main_comment”の間に下記を追加。

[php]

>






文字数カウント
今までに入力したのは文字です。

  • この内容で登録する






[/php]

(8)メルマガ管理の配信内容作成画面
■data/Smarty/templates/admin/mail/input.tpl
変更が多いので、すべてのコードを表示している。

[php]





テンプレート選択 *


Subject *

*
(名前差し込み時は {name} といれてください)