0

私のWebサイトのユーザーは、TinyMCEエディターを使用してコンテンツを書き込み、コンテンツの書き込みが終了したら、それをデータベースに保存しています。次に、それらの記事をデータベースからフェッチし、次のコードを使用して表示します。

<h2><?php echo $records ['article_title']; ?></h2>

 <div style="text-align:justify; font-size:12px;">
         <?php echo $records ['article_content']; ?>
   </div>

ユーザーがフォントサイズまたはフォーマットテキストを使用している場合、div内のCSSが機能しません。例えば; ユーザーが14pxのフォントサイズを使用し、記事に対してtext-alignを右に設定するとstyle="text-align:justify; font-size:12px;、div内のコードは機能しません。

12pxを超えるフォントサイズでコンテンツを表示したくありません。

やり方を教えていただけますか？

ありがとう ：）

編集

CSSファイルに次のコードを追加しました。

 .textformat{
             text-align:justify !important; 
             font-size:12px !important;
        }

そして私のビューファイルで：

      <div class="textformat">
         <?php echo $records ['article_content']; ?>
      </div>

しかし、それでも機能しません。別のことを提案してください。ありがとう ：）

4

2 に答える 2

0

これが常にcssをユーザーの編集可能領域内に配置する方法である場合は、style="text-align:justify; font-size:12px;これstyle="text-align:justify !important; font-size:12px !important;をcssファイルに配置します。これは、TinyMCEから出力されるインラインスタイルに優先します。

TinyMCEバックエンドにアクセスして設定を変更できると確信していますが、これは簡単な修正です。

于 2012-05-12T09:21:04.020 に答える
0

スタイルシートはカスケードされています。つまり、より具体的なスタイルが適用されます。のスタイルは、article_contentdivのスタイルよりも具体的であるため、適用されます。これは意図したとおりの動作であるため、これに対する「解決策」はありません。

ただし、少なくとも2つの方法があります。

  1. !importantCSSのカスケードの性質を無効にするために、スタイルで使用します。ただし、これは一般的に悪い習慣であり、可能であれば避ける必要があることに注意してください。
  2. TinyMCEで可能かどうかはわかりませんが、特定のサイズよりも大きいフォントを作成するユーザーの機能を制限することができます（または、ユーザーのフォントサイズの変更を完全に無効にすることができます）。おそらくあなたを助けることがfont_size_style_valuesできますか？
于 2012-05-12T09:24:04.220 に答える