为 Dreamweaver 添加 CSS 属性 text-overflow 的自动提示(Hint)

不知为什么 Dreamweaver CS3、CS4 直到 CS6 都不支持 CSS 属性 text-overflow,那么自己添加吧!毕竟选择一下比打字方便多了——偷懒是 Programmer 的美德嘛~

在 Adobe Dreamweaver CS5:
用记事本打开 C:\Documents and Settings\Administrator\Application Data\Adobe\Dreamweaver CS5\zh_CN\Configuration\CodeHints 目录下的 CodeHints.xml。

1、修改如下(绿色的为增加内容,其它为原代码):
  <menu pattern="text-overflow:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
    <menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="clip" value="clip" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="ellipsis" value="ellipsis" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
  </menu>

  <menu pattern="text-transform:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
    <menuitem label="capitalize" value="capitalize" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="lowercase" value="lowercase" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="none" value="none" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="uppercase" value="uppercase" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="!important" value="!important" icon="shared/mm/images/hintFlag.gif" />
  </menu>


2、再修改如下(绿色的为增加内容,其它为原代码):
    <menuitem label="text-overflow" value="text-overflow:" icon="shared/mm/images/hintMisc.gif" />
    <menuitem label="text-transform" value="text-transform:" icon="shared/mm/images/hintMisc.gif" />


效果如图:


以上在 Adobe Dreamweaver CS5 实现。

在 Adobe Dreamweaver CS6:
Dreamweaver CS6 的 CSS CodeHints 位置在程序目录的 configuration\CodeHints 文件夹中,文件名是 CSS3_hints.xml。

修改方法如下:
用记事本打开 C:\Program Files\Adobe\Adobe Dreamweaver CS6\configuration\CodeHints 目录下的 CSS3_hints.xml(如果你没有改变安装位置的话)。
1、找到:
<menuitem label="text-outline" value="text-outline:" icon="shared/mm/images/hintMisc.gif" />

在其下面添加一行:
<menuitem label="text-overflow" value="text-overflow:" icon="shared/mm/images/hintMisc.gif" />


2、找到:
    <menu pattern="text-outline:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
      <menuitem MMString:label="code_hints/pick_color" value="mm_menu_item:colorPicker" icon="shared/mm/images/hintColor.gif" />
      <menuitem label="none" value="none" icon="shared/mm/images/hintMisc.gif" />
      <menuitem label="!important" value="!important" icon="shared/mm/images/hintMisc.gif" />
    </menu>

在其下面添加:
    <menu pattern="text-overflow:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css" allowmultiplevalues="true">
      <menuitem label="clip" value="clip" icon="shared/mm/images/hintMisc.gif" />
      <menuitem label="ellipsis" value="ellipsis" icon="shared/mm/images/hintMisc.gif" />
      <menuitem label="!important" value="!important" icon="shared/mm/images/hintMisc.gif" />
    </menu>


大部分浏览器都支持 text-overflow 这个属性,关于它的详细介绍可以移步 https://developer.mozilla.org/ 查看。
[本日志由 parno 于 2012-10-29 03:47 PM 更新]
上一篇: Chrome 特有问题?
下一篇: 禁用谷歌桌面搜索(Google Desktop Search)Ctrl+Alt+G 快捷键
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: Dreamweaver CSS DIY
相关日志:
评论: 0 | 引用: 0 | 查看次数: 7065
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 500 字 | UBB代码 关闭 | [img]标签 关闭