0

我的网站用户正在使用 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 设置为 right ，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

样式表是级联的，这意味着将应用更具体的样式。中的样式article_content将比您的 div 上的样式更具体，因此将被应用。对此没有“解决方案”，因为这是预期的行为。

不过至少有两种方法：

  1. 使用!important你的样式来推翻 CSS 的级联性质。请注意，这通常是不好的做法，应尽可能避免。
  2. 虽然我不确定 TinyMCE 是否可行，但也许您可以限制用户创建大于特定大小的字体的能力（或者可能完全禁用更改用户的字体大小）。也许可以font_size_style_values帮助你？
于 2012-05-12T09:24:04.220 回答
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 回答