视图允许我们为分别定义用来包装字段内容,字段标签,还有字段内容和字段标签的 HTML 标签。

这里我们先来看一下电影的标题字段,可以使用 Chrome 浏览器的开发者工具查看一下,鼠标放在其中的一个电影标题内容上,点击右键,审查元素。

在这里,你可以看到,包装这个电影标题字段内容的是 标签。下面我们修改一下,打开视图的编辑界面…

把鼠标放在这个内容列表上,在列表的右上角会显示一个齿轮图标,点击这个齿轮图标,然后选择 编辑视图,这样可以直接打开这个视图的设置界面。

我们要设置的是 内容:标题 字段,点击打开这个字段。 然后点击 样式设定 …

这里已经勾选了 添加默认类,(! 去掉)它会在包装字段的 HTML 标签上定义一些 CSS 类,如果你不想使用这些默认的类,或者想添加自己定义的类,可以取消这个选项。

除了这个选项,另外还有三个选项,它们可以控制包装字段使用的 HTML 标签,还有在上面定义的 CSS 类。

我们要修改的是包装字段内容的 HTML 标签,勾选一下 定制字段的 HTML,然后在 HTML 元素 下面的下拉菜单里,我们可以重新为字段内容选择包装的 HTML 标签,选择 h3 。

如果你想在这个 HTML 标签上添加一个 CSS 类,可以勾选下面的 生成一个CSS类 这个选项,然后输入自己定义的类名…

点击 应用 ,保存…

回到电影列表页面…

再查看一下电影标题字段的元素… 你会看到,这里会使用我们选择的 h3 这个元素来标记标题内容。

在这个

元素的外面,还有一个

标签,这个标签就是用来包装字段标签和字段内容的标签。你可以利用这个标签为字段添加一样复杂的样式… 如果用不到,我们可以去掉这个 HTML 标签。

把鼠标放在内容列表上,点击右上角的齿轮图标,编辑视图,点击 内容:标题 这个字段,打开 样式设定。

勾选一下 定制包装字段和标签的 HTML,点击 HTML 元素 下面的下拉菜单,选择 无。

点击 应用 ,保存…

回到电影内容列表页面…

再查看一下标题字段的元素… 这里视图不再输出同时包装字段和标签的 HTML 元素了。

用同样的方法,你可以处理一下包装其它字段使用的 HTML 元素。尽量保存代码的简洁,去掉那些不需要的 HTML 标签。

规定输出字段html,控制视图输出的包装字段内容的 HTML 标签《 Drupal 7 基础 (上) 》...相关推荐

  1. SharePoint视图过滤中People字段的局限

    摘要: 在SharePoint 2007中,遇到过一个很妖的问题,我们在一个自定义的列表中添加了一个新的People类型字段后在视图里面使用此字段=[Me],却怎么也没有起效果,所有的地方看起来都很正 ...

  2. SQL的视图操作删除一个字段(列)的方法

    SQL的视图操作 1.创建视图 create view create view 视图名 as select 字段名from 表名where 限制条件 2.修改视图 alter view 可以用来删除列 ...

  3. oracle视图能否编辑数据,oracle视图的几个重要内容

    视图是指计算机数据库中的视图,是一个虚拟表,其内容由查询定义.同真实的表一样,视图包含一系列带有名称的列和行数据.但是,视图并不在数据库中以存储的数据值集形式存在.行和列数据来自由定义视图的查询所引用 ...

  4. springMVC4(14)各类视图输出实例分析

    1. 模板视图 FreeMarkerViewResolver . VolocityViewResolver 这两个视图解析器都是 UrlBasedViewResolver 的子类. FreeMarke ...

  5. ebs 选择excel输出 后缀 html,EBS报表输出文件格式控制

    具体使用方法: 1.添加用户参数p_conc_request_id 2.在BeforeReport trigger中添加srw.user_exit('FND SRWINIT'); 和AfterRepo ...

  6. FPGA控制DDS_AD9850输出正弦波(“并行spi”)

    本次介绍ADI公司的数字频率合成(DDS)芯片--AD9850以及如何使用FPGA控制其输出正弦波. 本文分三个部分讲解:一是AD9850芯片介绍,包括基本引脚功能.驱动时序以及相关注意事项:二是基于 ...

  7. 【微信小程序控制硬件⑦ 进阶篇】巧借阿里云物联网平台的免费连接,从微信小程序颜色采集控制 esp8266 输出七彩灯效果,中秋节来个直播如何?!

    [微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...

  8. C语言日志级别和作用,自己写的C语言通用日志框架,可以控制日志输出等级

    /************************************c语言通用日志框架************************************ * * @author 南栀(ke ...

  9. 通过过滤器控制页面输出内容

    在打开的页面中弹出一个对话框,可通过过滤器来控制页面输出的内容,进行实现在每个响应的页面中都弹出一个对话框的功能 在完成过滤任务时,将请求的对象返回到自定义的应答对象中,通过自定义应答对象对请求的数据 ...

最新文章

  1. 乐源机器人没电提醒吗_我每天费尽心思,就为了逗一个机器人开心。。
  2. pytorch 维度变化的时候应该使用什么方法permute
  3. [No000092]SVN学习笔记3-Import/Checkout(迁入/迁出),GetLock(加锁)
  4. CMFCTabCtrl的使用
  5. 快速搞懂ThreadLocal实现原理
  6. 真机测试报错ERROR/AndroidRuntime: java.lang.RuntimeException: setParameters failed解决办法
  7. C++学习之路 | PTA乙级—— 1040 有几个PAT (25 分)(精简)
  8. yii 下 session 丢失的问题
  9. echart的x轴换行
  10. tsinsen A1333
  11. velocity语法
  12. vc ++ 实现检测变速齿轮,变速精灵, 变速类辅助工具
  13. 奥城大学计算机专业,美国研究生双录取的大学及可提供学位详情
  14. firebug lite for chrome
  15. 苹果手机上的python编程软件-Python编程软件有哪些?
  16. 排版侠html怎么复制,排版侠微信编辑器使用方法教程
  17. 棚卸資産管理の用語一覧(Glossary of inventory control terms and phrases)
  18. Deep C (and C++) by Olve Maudal and Jon Jagger
  19. c# Dispose实现 MSDN官方教程
  20. android手机拍照,如何用Android手机拍摄 Android手机拍摄技巧汇总【详细介绍】

热门文章

  1. jmeter自定义并发用户数图形插件介绍
  2. dobbo 简单框架
  3. 无刷新分页 jquery.pagination.js
  4. ADO.NET+Access: 3,参数 @departmentName 没有默认值
  5. pentaho DI--- Tutorial (spoon)
  6. nlp中的经典模型(三)
  7. HDU-5935 Car 逆推 贪心 精度
  8. faker和劫的图片_faker亲手画的劫被曝光,看到他的画,众人心里久久不能平息!...
  9. 区分大小屏幕_VESA持续推动DisplayHDR认证计划,你的屏幕属于何种等级吗?
  10. python写入二进制文件的库_python之写入二进制文件