バージョン選択

フォーラム

メニュー

オンライン状況

57 人のユーザが現在オンラインです。 (50 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 56
kggh もっと...

サイト内検索

質問 > その他 > CKEditorによるWYSIWYG化

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ToruIizuka
投稿日時: 2010/4/11 11:49
対応状況: −−−
半人前
登録日: 2010/3/29
居住地:
投稿: 14
CKEditorによるWYSIWYG化
以下の記事を参考にさせていただき
http://seasoft.jp1.cx/ec/%E6%8B%A1%E5%BC%B5/ckeditor
CKEditorでWYSIWYG化を試みているのですが、うまくいきません。
ご指導のほどよろしくお願いいたします。

なお、CKEditorのインストール先へは正常にアクセス出来ています。

「おどろくほど簡単に登録」された人もいるようで、私はいったい何を勘違いしているのやら?

-----------------------------------------
[EC-CUBE] 2.4.3
[レンタルサーバ] Xサーバ
[OS] Linux
[PHP] PHP 5.1.6
[データベース] MySQL 5.0.77
[WEBサーバ] Apache
[ブラウザ] IE8,Firefox3.6.3
[CKEditor] ckeditor_3.2.1.zip
[現象] CKEditorでのWYSIWYG化が出来ない。
「ページ詳細設定」及び「商品登録」のテキスト入力欄に書式設定等のツールバーが表示されることを期待したのですが何も変化しません。
------------------------------------------

【実施したこと】
1.解凍してできた「ckeditor」フォルダを以下のようにアップロードした。
/html/user_data/packages/[テンプレート]/js/ckeditor

2.「main_edit.tpl」を修正しアップロードした。
(/data/Smarty/templates/default/admin/design/main_edit.tpl)
《修正内容》
(1)<script> タグを追加。追加位置は(2)の前の行に。具体的内容は以下の通り。
<script type="text/javascript" src="<!--{$TPL_DIR}-->js/ckeditor/ckeditor.js"></script>
(2)<textarea> タグの class 属性に ckeditor を追加する。(138行目)
<textarea name="tpl_data" cols=90 rows=<!--{$text_row}--> align="left" wrap=off style="width: 650px; " class="ckeditor"><!--{$arrPageData.tpl_data|escape|smarty:nodefaults}--></textarea>

3.「product.tpl」を修正しアップロードした。
(/data/Smarty/templates/default/admin/products/product.tpl)
《修正内容》
(1)<script> タグを追加。追加位置は(2)の前の行に。具体的内容は以下の通り。
<script type="text/javascript" src="<!--{$TPL_DIR}-->js/ckeditor/ckeditor.js"></script>
(2)<textarea> タグの class 属性に ckeditor を追加する。(255行目)
<textarea name="main_comment" value="<!--{$arrForm.main_comment|escape}-->" maxlength="<!--{$smarty.const.LLTEXT_LEN}-->" style="<!--{if $arrErr.main_comment != ""}-->background-color: <!--{$smarty.const.ERR_COLOR}--><!--{/if}-->" cols="60" rows="8" class="area60 ckeditor"><!--{$arrForm.main_comment|escape}--></textarea><br /><span class="red"> (上限<!--{$smarty.const.LLTEXT_LEN}-->文字)</span></td>
seasoft
投稿日時: 2010/4/11 11:57
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7369
Re: CKEditorによるWYSIWYG化
テンプレートは default をご利用ですか?

EC-CUBE の管理画面は、default 以外のテンプレートの使用に不具合(不都合?)がありますので、default を使った方がトラブルが少ないです。

本件と関係があるか分かりませんが、参考まで。


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

ToruIizuka
投稿日時: 2010/4/11 17:16
対応状況: −−−
半人前
登録日: 2010/3/29
居住地:
投稿: 14
Re: CKEditorによるWYSIWYG化
早々のアドバイスありがとうございます。

テンプレートは、defaultのテンプレートを多少いじりました。
(jQueryのlightbox利用とサイト幅を+100pxし、関連箇所を修正した程度です)

アドバイスに従い、再度defaultのテンプレートを複製・検証しましたが解決しませんでした。

seasoftさんのブログ記事を読み違えていますでしょうか?
1.<script>タグの追加位置に条件がありますか?
2.「-」は削除する行、「+」は追加する行として解釈しましたが、間違っていますでしょうか?
3.ツールバーをカスタマイズ以降は、オプション項目と解釈し対応しませんでしたが、必須でしょうか?

seasoft
投稿日時: 2010/4/11 18:28
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7369
Re: CKEditorによるWYSIWYG化
基本的に、ToruIizuka 様の認識どおりで良いと思います。

当方のメモ書きは、幾分か古いバージョンですので、若干の違いがあるという懸念もありますね。

まずは、管理機能の構造が単純化されている、EC-CUBEコミュニティ(eccube-comu) でお試しいただく方が容易かもしれません。


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

ToruIizuka
投稿日時: 2010/4/14 12:15
対応状況: −−−
半人前
登録日: 2010/3/29
居住地:
投稿: 14
Re: CKEditorによるWYSIWYG化
ご返事ありがとうございます。

記事の読み方に間違いは無いということで安心しました。

課題解決につきましては、
しばし冷却期間をおこうと思います。

ありがとうございました。
ToruIizuka
投稿日時: 2010/4/25 12:02
対応状況: −−−
半人前
登録日: 2010/3/29
居住地:
投稿: 14
Re: CKEditorによるWYSIWYG化
お陰さまで解決しました。

seasoftさんの初めのご指摘
「default 以外のテンプレートの使用に不具合(不都合?)がありますので・・・」
の通りでした。

templates/default/・・・のdefaultを勝手にテンプレートに読み替えていたのが誤りでした。
あくまでもdefaultはdefaultのディレクトリを指すことを思い知らされました。


青本の「カテゴリ毎の説明を設ける」でも同じ理由で悪戦苦闘しました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は90,453名です
総投稿数は110,415件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1695
8
red
1571
9
mcontact
1378
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.