Drupal 7 在文本对齐上添加CSS类

Drupal 7 在文本对齐上添加CSS类,drupal-7,ckeditor,fckeditor,Drupal 7,Ckeditor,Fckeditor,当我在Drupal7中的“CKEditor”中单击右对齐、左对齐或居中对齐时,我想添加CSS类或设置图像的样式 我该怎么办?我可以制作一个插件,但我不知道如何捕捉文本对齐操作来在图像上添加类/设置样式。您可以为通过ckeditor上传的图像提供自己的类/样式。在ckeditor图像上传弹出窗口中,您可以看到三个选项/选项卡 1.图像信息 2.链接 3.先进的 您可以在选择“高级”选项时添加id、类、样式等。有些编辑器配置允许您使用基于类的图像对齐和段落文本对齐,而不是使用添加到“样式”属性的内

当我在Drupal7中的“CKEditor”中单击右对齐、左对齐或居中对齐时,我想添加CSS类或设置图像的样式


我该怎么办?我可以制作一个插件,但我不知道如何捕捉文本对齐操作来在图像上添加类/设置样式。

您可以为通过ckeditor上传的图像提供自己的类/样式。在ckeditor图像上传弹出窗口中,您可以看到三个选项/选项卡 1.图像信息 2.链接 3.先进的


您可以在选择“高级”选项时添加id、类、样式等。

有些编辑器配置允许您使用基于类的图像对齐和段落文本对齐,而不是使用添加到“样式”属性的内联CSS。您需要将其粘贴到Drupal管理UI中正在使用的CKEditor配置文件的“高级选项”部分的“自定义JavaScript配置”中:

// Image alignment and text justification.
config.justifyClasses = [ 'rteleft', 'rtecenter', 'rteright', 'rtejustify' ];
如果您同意放弃旧的“图像属性”对话框,则CKEditor插件可以代替
标记的样式属性上的内联CSS,但是必须手动将此非默认配置添加到“高级选项”部分,您还需要提供自己的样式表,否则图像将无法在编辑器中对齐,也无法在站点前端对齐

// Image alignment classes for Enhanced Image plugin.
config.image2_alignClasses = [ 'align-left', 'align-center', 'align-right' ];
或者,该模块处理这些对高级选项的必要修改,并提供一个可开箱即用的样式表


免责声明:我是CKEditor Image2模块的创建者和维护者。欢迎反馈。

谢谢您的回答,但我希望只需单击一下,而不编辑图像的比例。例如:allign to right将添加类allign right。我发现了名为justify的插件,但它只在上工作,而不是在。有人知道如何编辑设置以将类添加到标记中吗?正是我想要的。试图编辑它的源代码,但在代码丛林中很难,所以当它允许使用类而不是内联时,它会更强大