ckeditor - 如何在CKEditor中缩进段落的第一行

Question

我正在使用CKEditor我只想缩进该段落的第一行。我之前所做的是单击“源”并编辑 <p>要包含的样式 text-indent:12.7mm; ，但是当我再次单击“源”返回到普通编辑器时，我的更改消失了，我不知道为什么。

我的偏好是创建一个自定义工具栏按钮，但我不确定如何执行此操作或在何处进行编辑，以便单击自定义按钮将编辑 <p>带有我希望它具有的样式属性。

Answer 1

根据您使用的 CKE 版本，您的更改很可能会消失，因为内容中不允许使用 style 属性或 text-indent 样式。这是由于 CKEditor 的允许内容过滤器功能所致，请在此处阅读更多信息:http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter

就像 Ervald 在评论中所说，您也可以使用 CSS 来执行此操作，而无需手动添加代码 - 但是，您的定位选项是有限的。您要么必须定位所有段落，要么向您的段落添加 id 或 class 属性并定位它。或者，如果您使用像 :first-child 这样的选择器，您将被限制为始终仅缩进第一个元素(这可能是您想要的，我不知道:D)。

要像这样使用CSS，您必须将相关代码添加到contents.css，这是编辑器内容中使用的CSS文件，并且您必须在输出编辑器的任何地方包含它内容。

<小时/>

在我看来，最好的解决方案确实是制作一个插件，在工具栏上放置一个图标，并且单击该按钮时，会在当前事件段落中添加或删除“indentMePlease”之类的类。开发所述插件非常简单并且有详细的文档，请参阅 http://docs.ckeditor.com/#!/guide/plugin_sdk_sample_1 中的优秀示例。 - 如果您需要更多信息或对此有疑问，请在评论中提问:)

如果您这样做，您再次需要在contents.css和输出页面中添加“indentMePlease”样式实现。