編集中の項目プレビュー画面が実際のプレビュー画面と違う

解決策

  1. 読み込んでいる外部CSSやJSに{#path}が含まれているか確認する。
  2. 「▼変更禁止」等でclassで括られたエリアの場合、classを項目事に個別に適用する。 ※ idの場合CSSをclassに書き換える必要がある。
  3. bodyや#wrapper、#contentsに対して背景が指定されている場合、jQueryから#contents等をwrap(‘<div id=”wrapAll” />’);等で処理する(FB、Twの埋め込みで不具合があるので非推薦)。

原因

  1. 編集中の項目プレビュー環境の断層はルートでは無い為、{#path}が必要になる。
  2. 「▼変更禁止」エリア内は「▼変更禁止」に記述されたCSSが反映されない。
  3. bodyや#wrapper、#contentsに背景が指定されている原因は、デザインを再現する為にその他の方法が無く、背景を指定する事もある。