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;不起作用。

我不希望以超过12像素的字体大小显示内容;

你能告诉我怎么做吗？

谢谢：）

修改

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

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

然后在我的视图文件中：

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

但是它还没有用，请建议我别的。谢谢:)）

Answer 1

如果您希望css始终位于用户可编辑区style="text-align:justify; font-size:12px;中，请将此style="text-align:justify !important; font-size:12px !important;放入您的css文件中。这将取代TinyMCE的内联样式输出。

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

Answer 2

样式表为cascading，表示将应用更具体的样式。 article_content中的样式将比div上的样式更具体，因此将被应用。这没有“解决方案”，因为这是预期的行为。

至少有两种出路：

在样式上使用!important来否决CSS的级联性质。请注意，这是generally bad practice，如果可能，应该避免使用。
虽然我不确定TinyMCE是否可行，但也许您可以限制用户创建大于特定大小的字体的能力（或者可能完全禁用更改用户的字体大小）。也许the font_size_style_values可以帮到你吗？

用于格式化div中文本的CSS无效

修改

2 个答案: