EC-CUBE3にエディタをインストールする
どうしてもECサイトの運営はhtmlタグは怖いって言う人が多い。
エディタとか入れれない?と言うオーダーは結構来る。
一番簡単なのはckEditor、EC-CUBEにかぎらず自分はコレを入れる事が多い。
Wysiwygのプラグインwww.ec-cube.net
が無料であるので、改造するのが怖い人はプラグインで対処すると良い。
ちょっと手を加えられる人は好きな所にエディタを入れられるので使い勝手は良い。
1. ckEditorをダウンロードする
https://ckeditor.com/ckeditor-4/download/ 好きな奴をダウンロードして解答する
2. 解凍してアップロードする
/html/user_data/js/ckeditor/ にアップロード
3. 管理画面 > 商品管理にckeditorを認識させる
/src/Eccube/Resource/template/admin/Product/product.twig
# {% block javascript %} 内に記述する <script type="text/javascript" src="/user_data/js/ckeditor/ckeditor.js"></script> <script type="text/javascript"> CKEDITOR.replaceAll('useEditor'); </script>
これでckeditor自体の認識は完了する。今度は入力要素にuserEditorを設定する。
/src/Eccube/Form/Type/Admin/ProductType.php
#設定したい要素に以下を追加 'attr' => array( 'class' => 'useEditor' ),
classを直接指定すると、EC-CUBE準拠のClassが無いと怒られるのでattrでclassを指定する。
複数指定する事を想定するとclassにしておけば名前がかぶる事がない。
あとは管理画面 > 商品管理 > 商品登録 から設定した要素を確認すれば、ckEditorに変更されている事が確認出来る。