我正在使用CKEditor我只想缩进该段落的第一行。我之前所做的是单击“源”并编辑 <p>
要包含的样式 text-indent:12.7mm;
,但是当我再次单击“源”返回到普通编辑器时,我的更改消失了,我不知道为什么。
我的偏好是创建一个自定义工具栏按钮,但我不确定如何执行此操作或在何处进行编辑,以便单击自定义按钮将编辑 <p>
带有我希望它具有的样式属性。
最佳答案
根据您使用的 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”样式实现。
关于ckeditor - 如何在CKEditor中缩进段落的第一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25467415/