EC-CUBE2.12.1の「CKEditor組み込みプラグイン」の不具合を直す方法

2012/08/16

EC-CUBE2.12.1のプラグイン機能を使って、商品詳細をWYSIWYG編集出来るようにしようと思い、公式サイトのオーナーズストアにあるプラグインを試してみました。

CKEditor組み込みプラグイン

このように商品詳細のコメントでWYSIWYG編集出来るようになります。

これはすごく便利なプラグインなのですが、問題が一点。

「一覧-メインコメント」部分はタグの利用が出来ないのですが、このプラグインの現在のバージョン0.0.1では、ここもCKEditorが適用されてしまいます。

たとえば

たとえば、「一覧-メインコメント」欄の文字に背景色を付けたりしてしまうと、ショッピングページではこのようになってしまいます。

この部分はＨＴＭＬタグは非対応なので、そのままHTMLタグが表示されてしまいます。

これでは、クライアント側で商品の説明を装飾しようとして、このような意味不明な表示が起こってしまうことが考えられます。

そこで、「一覧-メインコメント」欄にはCKEditorは適用しないように書き換えてみます。

data/downloads/plugin/CKEditor/templates/admin/products/snip_product.tplを開きます。

<script type="text/javascript" src="<!--{$smarty.const.PLUGIN_HTML_URLPATH}-->/CKEditor/ckeditor/ckeditor.js"></script>

<script type="text/javascript">CKEDITOR.replace('main_list_comment');</script>
<script type="text/javascript">CKEDITOR.replace('main_comment');</script>

<script type="text/javascript">CKEDITOR.replace('sub_comment1');</script>
<script type="text/javascript">CKEDITOR.replace('sub_comment2');</script>
<script type="text/javascript">CKEDITOR.replace('sub_comment3');</script>
<script type="text/javascript">CKEDITOR.replace('sub_comment4');</script>
<script type="text/javascript">CKEDITOR.replace('sub_comment5');</script>

<script type="text/javascript">CKEDITOR.replace('recommend_comment1');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment2');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment3');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment4');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment5');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment6');</script>

４行目（ここでは３行目）が「一覧-メインコメント」の部分なので、ここを削除します。

<script type="text/javascript" src="<!--{$smarty.const.PLUGIN_HTML_URLPATH}-->/CKEditor/ckeditor/ckeditor.js"></script>

<script type="text/javascript">CKEDITOR.replace('main_comment');</script>

<script type="text/javascript">CKEDITOR.replace('sub_comment1');</script>
<script type="text/javascript">CKEDITOR.replace('sub_comment2');</script>
<script type="text/javascript">CKEDITOR.replace('sub_comment3');</script>
<script type="text/javascript">CKEDITOR.replace('sub_comment4');</script>
<script type="text/javascript">CKEDITOR.replace('sub_comment5');</script>

<script type="text/javascript">CKEDITOR.replace('recommend_comment1');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment2');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment3');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment4');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment5');</script>
<script type="text/javascript">CKEDITOR.replace('recommend_comment6');</script>