前端编码中快速填充内容--乱数假文

写前端页面的时候,如果要快速插入图片,可以使用 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

谭绪恶羊派弟,秦令着准尝,风有若玉死们。

感觉是不是填充网页内容方便多了???

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值