国外设计欣赏网站 - DOOOOR.com

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

[Drupal教程] 在Drupal中为CKeditor或Tinymce编辑器内图片批量添加CSS类名

[复制链接]
发表于 1-14-2013 17:00 | 显示全部楼层 |阅读模式
通过Custom Filter模块,我们将教大家如何在Drupal中为CKeditor或Tinymce编辑器内图片批量添加CSS类名:
! m% t& R$ @4 E
1 下载并安装Custom Filter模块
  P, G* k9 m$ s) H; v1 _, v
2 参考Custom Filter文档并新建一个过滤器
  以JD译站为例我们创建了一个名称为“图片Class过滤器”的过滤器
3 点击你创建的过滤器名称进行规则设置,大家可以参考JD译站的设置
4 去“文本格式”中设置你要启用你刚创建的“图片Class过滤器”的过滤器
5 发布你的节点后用firebug查看图片的属性吧!文中图片是不是都自动添加了一个class的类?去css样式表中添加该类的样式吧
4 z$ N; V2 X7 n- v' _  C3 ]
在此感谢stackoverflow网站Sid Kshatriya提供的思路,原文中还提到为字段图片添加类名的方法,大家可以参考下!

; w, V+ T$ h& w# }% b. i+ j. t8 i/ z8 ~7 ]3 {* b
/ k% x: g* X+ i. T% u7 y) T8 j' r. I
作者:
! }7 k+ g1 Z/ Pcn4jd
; D4 ?: N& B, ~6 T1 i1 n

3 E6 c1 Q5 h+ c( I+ E4 l& i9 _+ p
* D% m& K+ z. F( I# M
网址: , D1 @  Z3 p" _/ Z
在Drupal中为CKeditor或Tinymce编辑器内图片批量添加CSS类名+ X, x. O! G3 q  B

, r8 o; D: n# ~* T) r0 G

6 c$ m9 E1 z- x' C. j$ ?) h' o  D
2 X+ T) _3 m! F) M( ]

|2011-2026-版权声明|平台(网站)公约|DOOOOR 设计网 ( 吉ICP备2022003869号 )

GMT+8, 5-1-2025 05:23 , Processed in 0.431937 second(s), 241 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表