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

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

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

[复制链接]
发表于 3-25-2013 21:02 | 显示全部楼层 |阅读模式
3 s, x& L# o& h, c& Z

6 }2 n. U7 a* s+ N- g: ~. Y

通过Custom + K3 ?; \1 g4 R) d4 p& U$ d$ w Filter模块,我们将教大家如何在Drupal中为CKeditor或Tinymce编辑器内图片批量添加CSS类名:
 

1 " C9 C& h% Q# l: C' j0 Y 下载并安装Custom 0 j, I, E# A$ ^, t& |! @5 H Filter模块
 

2 参考Custom 3 S7 x6 x# b/ |Filter文档并新建一个过滤器

  以JD译站为例我们创建了一个名称为“图片Class过滤器”的过滤器



3 % ^/ v( {" _. K: F/ G8 n点击你创建的过滤器名称进行规则设置,大家可以参考JD译站的设置



4 3 u% |; Q( V5 u2 y8 l+ J/ ` 去“文本格式”中设置你要启用你刚创建的“图片Class过滤器”的过滤器



5 , C% r4 Y7 B3 P发布你的节点后用firebug查看图片的属性吧!文中图片是不是都自动添加了一个class的类?去css样式表中添加该类的样式吧


在此感谢stackoverflow网站Sid % X3 N/ b- U4 y Kshatriya提供的思路,原文中还提到为字段图片添加类名的方法,大家可以参考下!
, n+ r% m Q# k) D# A" w


本文选择http://www.cn4jd.com/add-a-class-to-inline-image,谢谢!

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

GMT+8, 4-16-2025 13:00 , Processed in 0.481225 second(s), 162 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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