用于格式化 div 内文本的 CSS 不起作用

Question

我的网站用户正在使用 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 字体大小并将文章的文本对齐设置为右对齐，则 div 内的代码 style="text-align:justify; font-size:12px; 不起作用.

我不想显示超过12px的font-size的内容；

你能告诉我怎么做吗？

谢谢 :)

编辑

在我的 CSS 文件中，我添加了以下代码:

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

然后在我的 View 文件中:

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

但还是不行，请给我一些建议。谢谢:)

Answer 1

如果这是您始终希望 css 位于用户可编辑区域内的方式 style="text-align:justify; font-size:12px; 然后将此 style="文本对齐:证明!重要； font-size:12px !important; 到您的 css 文件中。这将取代 TinyMCE 输出的内联样式。

我相信您可以进入 TinyMCE 后端并更改设置，但这是一个快速修复。