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

标签 ckeditor text-indent

我正在使用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/

相关文章:

javascript - CKeditor allowedContent 行为异常

javascript - CKEditor——如何添加特定于文档的 CSS 样式

javascript - 在 CKEditor 4.x 中,有没有办法在初始化后获取允许的标签列表?

html - 仅缩进段落中的第一行文本?

visual-studio-code - Visual Studio Code - 使用制表键缩进单行

css - 在 CSS 上将制表符转换为空格

html - 通过CSS将Label的第二行缩进到第一行的正下方

javascript - CKEditor - 拖动事件

javascript - CKEditor 上传回调

css - 如何将文本缩进正好一个字符宽度