wysiwyg_imagefieldで挿入した画像がコンテンツ更新時に消えた

インストールされているモジュール

  • WYSIWYG 7.x-2.2
  • wysiwyg_imagefield 7.x-1.x-dev
  • CKEditor 4.4.38

現象の再現

  • コンテンツ（例：node）を作成し、CKEditorでコンテンツを編集する
  • wysiwyg_imagefieldを利用して、画像をコンテンツに挿入して、コンテンツを保存する
  • コンテンツに挿入された画像が正常に表示される

HTMLのタグがコンテンツから表示された--CKEditor

インストールされたモジュール

  • Wysiwyg - 7.x-2.1
  • CKEditor - 4.4.0
  • Syntax Highlighter - 7.x-2.x
  • Syntax Highligther Insert - 7.x-1.0
  • Alex Gorbatchev Syntax Highlighter - 3.0.83

CKEditorで編集された文書にHTMLのタブが表示されている

  • CKEditorで文書を編集し

SyntaxHighlighterがCKEditor４に適応しない

インストールしたモジュール

  • Wysiwyg - 7.x-2.1
  • CKEditor - 4.4.0
  • Syntax Highlighter - 7.x-2.x
  • Syntax Highligther Insert - 7.x-1.0
  • Alex Gorbatchev Syntax Highlighter - 3.0.83

TinyMCEが正常動作するが、CKEditorが動作しない

  • TinyMCEがSyntax

Fileリンクの表示修正

  • Fileリンクにあるファイルアイコンとファイルリンクのずれがあります

  • 具体的に要素を調べてみたら、Iconの上位にあるMargine（0px, 0px, 1em）設定に影響されています。

hook_themeがキャッシュからけされない

Themeをオーバーライト

  • ファイルリンクを以下のコードでオーバーライトする。
function media_file_icon($variables) {
	$file = $variables['file

Syntax Highlighter の使用

必要なモジュール

  •  Wysiwyg - 7.x-2.1
  • CKEditor - 3.x.x
  • Syntax Highlighter - 7.x-2.x
  • Syntax Highligther Insert - 7.x-1.0
  • Alex Gorbatchev Syntax Highlighter - 3.0.83

 

 モジュールの設定

  • Wysiwyg Profilesの設定
  • Admin管理画面（Home >

Imageのアップ、管理

  1. Image Fieldを利用してイメージを管理する
    • 画像の保存先、スタイルなどの設定ができる
    • 複数の画像を決めたスタイルで表示ができる
    • 文書ごとの画像参照管理ができる
    • 画像アルバムに適している
    • 文章（例：ArticleのBody）との関連はできない
  2. Rich Text Editorを利用して、編集している文章にイメージを挿入したら、管理する
    • テキストエディター（例：CKEdotor,TinyMCEなど）で画像のURLを用いて文章に挿入ができる

Articleコンテンツに挿入したイメージより文書が表示されない

  1. 前提情報
    • テキストエディター：CKEditor
    • コンテンツタイプ：Article
  2. 現象
    • Articleの編集画面でImageフィールドに画像を追加、アップロードする
    • CKEditorでBodyで内容を編集し、アップロードされた画像のURLで挿入する
    • 保存ボタンを押して、Viewでみると、文書が表示されたが、挿入された画像が表示されていない

Imageのスタイル、保存関連設定

  1. 必要なモジュール
    • Drupal7の場合あ、Imageモジュールがコアに入っているので、新規インストールの必要はない
  2. Admin管理の「ファイルシステム」でファイル保存ディレクトの設定
    • Home » Administration » Configuration » Mediaの「File System」を開いて、PublicとPrivateのディレクトリを設定する

CKEditorが認識されない

  1. 必要なモジュール
    • WYSIWYGモジュール
    • CKEditorライブラリ（sites/all/libraries/ckeditorに展開）
  2. CKEdtor（v.4.4)をインストール後に、認識されない
    • Amin設定（admin/config/content/
を購読