web-dev-qa-db-ja.com

WYSIWYGとTinyMCEがフロートを取り除く：左

WYSIWYGモジュールがインストールされ、TinyMCE JavaScriptライブラリもインストールされています。 Filtered HTMLに似たテキスト形式「Rich Text」を作成しましたが、許可されるタグをさらに追加しました。

テキストに画像を挿入し、マークアップにfloat: leftを追加する左揃えに設定します。ただし、ページを保存して表示すると、float: leftが削除されています。

WYSIWYG構成またはこれを制御できる「リッチテキスト」形式のオプションが見つかりません。どこかで見逃していますか？

float: leftが削除されるのはなぜですか？

7mediawysiwyginput-formats
3
Kenny Wyland

私の解決策：

WYSWIWYG Filter という新しいモジュールをダウンロードしました。私のテキスト形式では、Limit allowed HTML tagsオプションを使用して、代わりにWYSIWYG Filterオプション。次に、以下のWYSIWYGフィルター設定で、許可されたHTML要素を次のように構成しました。

a[!href|target<_blank|title],
div[align<center?justify?left?right],
p[align<center?justify?left?right],
br,span,em,strong,cite,code,blockquote,ul,ol,li,dl,dt,dd,
img[!src|alt|title|style|width|height|typeof],
@[style|title]

そして、すべてのボックスをチェックして、マージン、パディング、フローティングなどを許可しました。

3
Kenny Wyland

（私が正しく覚えていれば）与えられたWYSIWYGプロファイルの設定からこれのいくつかを行うことができます。次のような要素に適用するカスタムクラスを追加できます。

float left=float_left

次に、CSSルールを作成します.float_left: { float: left } ;

WYSIWYG_Filter モジュールがニーズに役立つ場合があります。

基本的に、WYSIWYGエディターは、安全のためにデフォルトで特定のものだけを許可します。 Drupal入力フォーマットは、許可されるものをさらに制限/許可します。

0
tenken