用于自动填充内容的Fixie.js插件

Fixie.js是一个用于自动填充HTML文档的开源工具。官网地址：http://fixiejs.com/fixe . js下载地址fixie _ jb51.rar为什么用fixe？我们在设计网站时，经常需要在页面中添加一个lorem ipsum(关于Lorem ipsum)来预览页面的显示效果，因为我们无法确定最终的填充内容。问题来了。添加太多枯燥的内容会让我们的HTML文档臃肿不堪，陷入复制粘贴和手工编辑的怪圈。针对这个问题，Fixie.js诞生了。通过解析语义HTML5标签，Fixie可以自动填充与标签元素类型匹配的内容，这使得我们的HTML文档在测试中简洁高效。使用说明：第一步：在文档中添加fixie.js，并在正文的结束标记前添加脚本类型=' text/JavaScript ' src=' http : fixe . js '/script。第二步：这里有两种方法：1。为任何需要填充内容的位置设置“class=‘fixe’”。例如，如果你先填写p标签的内容，只需设置' p class=' fixe '/p `，结束，就这么简单。2、通过【fixie.init】填充内容，通过CSS选择器选择需要填充的元素，执行fixe . init([)。数组'，' # of.selectors '，'。那个'，'。在控制台或脚本标记中应为'，' # be.populated ')。带“，”。lorem'])或fixie.init('。字符串，# of。逗号，分开了。选择器，那个。应该，#应该。已填充。用，命令，您可以自动填充它。支持的元素Fixie决定了标签类型要填充的内容，有几个类需要知道。-` h1 class=' fixe '/h1 `-添加一些文字，h2-h6也是。-` p class=' fixe '/p `-填充一段文字-` article class=' fixe '/article `-填充几段文字(几段)-` section class=' fixe '/section `-同上-` img class=' fixe '/img `。-填写标有尺寸的图片-` a class=' fixe '/a `-填写随机链接(疑似广告？)提示修改默认图片填充并执行` fixe . setimageplaceholder(source)`。例如，如果要从Flickr下载图片进行填充，可以执行fixe . setimageplaceholder(' http://Flickholdr.com/$ { w }/$ { h }/canon ')。init()；将class=' fixie '添加到容器中。容器内所有非空的子体元素(注意子体和子体的区别)都会受到影响。请参见以下说明。复制代码如下： div class=' fixe ' p Hello a/a/p/div fixe将在p标签中保留' Hello '文本。但是，它将填充rails[fixe-rails](https://github.com/csexton/fixe-rails)的A标签# # # fixie中的内容。fixie { border:4px固体红色；}转化为CSS，从而区分填充内容和真实内容。# #授权废话，停止翻译。示例：复制代码如下：DOCTYPE html html head title fixe . js示例/title style body { font-family : Helvetica，arial，sans-serif；宽度width:800pxmargin:150px汽车；} img { width:400px高度：300 px；右浮动：margin:20px} .fixie { color: red} /style /head body文章h1 class=' fixe '/h1！-标题将在此填写-p在a class=' fixe '/a退房！-此处将填充连接，但外部p标记不会受到影响，因为它不是空的-并且不要忘记查看source。/p section class=' fixe '！- section的后代元素将用-p/p img/ul/ul p/p ol/ol/section H2 class=' fixe '/H2 section class=' fixe '/section/article script type=' text/JavaScript ' src=' http : fixe . js '/script//将默认图像源更改为Flickr fixe . SetimagePlaceholder(' http://Flickholdr.com/$ { w }/$ { h }/fixe ')。init()；/脚本/正文/html显示效果

作者：西山。