CKEDITOR中的CSS-如何生成类似<；p><；！--分页符--></p>；以红色显示？

我们在应用程序中使用了tinymce，并试图迁移到CKEDITOR。 所有内容都存储在数据库中，以便在生成pdf内容时进行分页

现在我们正在尝试迁移到CKEDITOR，HTML代码可以正常工作，pdf生成也可以正常工作。但问题是，CKEDITOR不显示任何用于显示的内容

-它就像WSIWYG编辑器中的空白一样

我需要创建一个解决方案，其中带有CSS显示的CKEDITOR

。。。比如说红线。

---

我无法修改代码，因为它存储在数据库中，因此，我需要CKEDITOR做一些CSS技巧，在编辑器中将

显示为一条红线

如果您真的想迁移并且不需要破解任何代码，我会做的就是将数据库条目中的所有

转换为
，并设置

.page-break
{
    page-break-after:always`
}

或者使用CKEDITOR的功能

<div style="page-break-after: always;">
    <span style="display: none;">&nbsp;</span>
</div>

不幸的是，您无法在不影响该字段中其他内容的情况下设置HTML标记的样式

您可以看到，它被定义为一个简单的段落标记，没有任何类或其他定义属性（
，而不是
）。这使得您不可能仅使用CSS将自定义样式“挂钩”到这些节点中

标记内容只是一个HTML注释，它从不显示，因此无法设置样式

如果您使用PHP之类的语言从数据库中提取CK编码的文本进行显示，您可以设置此样式，在这种情况下，您可以对您注意到的HTML执行
str_replace
，并虚拟地注入一个钩子，如类名

另一种选择是使用JavaScript在HTML中搜索该节点，并动态注入类名或其他节点，如水平规则（
）

一旦你在这些段落上有了一个类，你将使用的CSS如下：

p.line-break{边框底部：2px纯红；}
感谢Henesnarfel的编辑。据我所知，CKEDITOR将HTML内容重新编入一个DIV，因此，如果我能在解析过程中破解代码以替换为css/样式显示，那么我将实现我的目标。这对我们来说是一件困难的事情，我们将不得不为许多客户机迁移DB。对于我们来说，这基本上是一个UI问题——只是为了获得一个显示界面。@Nishant然后您还有一些其他选项。1.对代码进行黑客攻击，使其从TINYMCE版本转换为CKEDITOR版本。2.当你从数据库中提取项目来做任何你在那里做的转换时。2）这是一个很好的建议，我会考虑的。没有得到第1点-那是什么？我需要一个样式的解决方案，基本上从CKEDITOR。我误解了我猜你的意思是什么黑客。我想你实际上是想破解CKEDITOR，而不是数据库中的代码。我不想为此而触碰数据库，因为它会很混乱。在我看来，最好的方法是在解析HTML时与CKEDITOR进行交互，生成一个DIV，然后用pagebreak将所有注释替换为图像标记。