机动填写内容的插件_javascript技能_脚本之家188金宝搏

Fixie.js是一个自动填充HTML文档内容的开源工具
官方网址地址: Fixie.js 下载地址
fixie_jb51.rar为什么使用Fixie?
当我们设计网站的时候,由于无法确定最终填充的内容,经常需要添加一写lorem
ipsum到页面里面来预览一下页面的展现效果。
问题来了,添加过多的无聊的内容,使得我们的HTML文档变得臃肿,并且陷入复制-粘贴,手工编辑的毅种循环中。
Fixie.js就是针对这个问题而诞生的,通过解析语义化的HTML5标签,Fixie可以自动填充匹配标签元素类型的内容,使得我们的HTML文档简洁,测试高效。
使用说明: 第一步:添加fixie.js 到文档中 在body结束标签之前添加

第二步:这里有两种方法: 1,任何需要填充内容的位置,设置``就行了,
比如,如果先填充p标签的内容,直接设置`

`就行了,over,就这么简单。 2,通过`fixie.init`填充内容
通过CSS选择器选择待填充的元素,在console或者script标签里面执行
fixie.init([".array", "#of > .selectors", ".that", ".should", "#be
> .populated", ".with", ".lorem"]) 或者 fixie.init(".string, #of
> .comma, .separated, .selectors, .that, .should, #be >
.populated, .with, .lorem") 命令,就可以自动填充了 另外,执行 fixie.init
可以填充文档里所有的空元素; 支持的元素
Fixie是通过标签类型来决定填充的内容的,这里有几类是需要了解的。 - `

` - 添加几个单词的文本,`h2 - h6`亦然。 - `

` - 填充一段文字 - `

` - 填充几段文本 - `

` - 同上 - `` - 填充一张注明了尺寸的图片 - `` - 填充一个随机的链接
提示 修改默认的图片填充 执行`fixie.setImagePlaceholder`.
比如,如果你想从Flickr下载图片来填充,可以执行
fixie.setImagePlaceholder(');
给容器添加 容器内部所有的非空后代元素都会受到影响 看下面的说明 复制代码 代码如下:

Hello

Fixie会保留P标签里面的"Hello"文本,但是会填充a标签里面的内容 ###
Fixie for Rails [fixie-rails]()
突出填充内容 可以添加 .fixie{ border:4px solid red; }
到CSS里面,以便区分填充内容与真实内容。 ## 授权 废话,不翻译了。
示例说明: 复制代码 代码如下:

Fixie.js Sample

Check us out at , and don't forget to view source.

显示效果

作者:西山

相关文章

Comment ()
评论是一种美德,说点什么吧,否则我会恨你的。。。