前端编码中快速填充内容--乱数假文
写前端页面的时候,如果要快速插入图片,可以使用 https://picsum.photos/
详见笔者这篇博文:
工具网站:随机生成图片的网站-CSDN博客
可是,如果要快速填充文字内容该怎么做呢?
以前,我们都是写“实例文字”。如,要在一个div里填充文本,我们可能会这样写。
<div>
实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字
</div>
这种方式虽然方便,但是文字效果看上去还是太单调了,而且如果对文字字数有要求,还要考虑文字的个数。
不过,有了 VSCode 之类的编辑器,就方便多了,可以快速填充文本,即使用“乱数假文”。
乱数假文,是指一篇常用于排版设计领域的
文章。主要的目的为测试文章或文字在不同字型、版型下看起来的效果。
其文本没有任何实际的意义,就是为了看排版效果的。
在代码里使用乱数假文很简单,在VScode、webstorm、HBuilder之类的现代编辑器中,直接输入 lorem 或者 lorem<字数> 按下 tab 或者 enter,即可快速生成文本。
lorem
生成的文本效果:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae vitae libero dolor odit dicta debitis ullam corrupti iure? Distinctio ab velit sunt accusamus incidunt deleniti in quod blanditiis nesciunt earum?
lorem20
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempora ratione odit earum, similique repellat fugit aperiam. Officiis aspernatur voluptas sunt.
如果要输入中文的乱数假文呢?
在VScode里,可以安装中文假文插件 Chinese Lorem。
输入 jw 或者 jw<数字> 即可快速生成中文假文。
jw
明同是人者皇陀非语国馆见的丰藏王落志,之了上后是有有才非韩以会融也也未,能守不普,绝一低乐那疾承憾远但是嗣惊的是力韩,台承快拆可事日尝足都德,有王司了洞即,未人感,龄想高君词嗣召王联介厄法,二三而准们但不,拾老得小作在喜你服量,生区他活认有洪订逝问未,我。
jw20
谭绪恶羊派弟,秦令着准尝,风有若玉死们。
感觉是不是填充网页内容方便多了???