当前位置: 首页 > news >正文

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

写前端页面的时候,如果要快速插入图片,可以使用 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?
lorem20Lorem 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谭绪恶羊派弟,秦令着准尝,风有若玉死们。

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

http://www.lryc.cn/news/259188.html

相关文章:

  • 数据结构二维数组计算题,以行为主?以列为主?
  • springboot(ssm电影院订票信息管理系统 影院购票系统Java系统
  • AI 问答-供应链管理-相关概念:SCM、SRM、MDM、DMS、ERP、OBS、CRM、WMS...
  • 初学vue3与ts:vue3选项式api获取当前路由地址
  • 2023最新大模型实验室解决方案
  • leetcode707.设计链表
  • 【K8s】Kubernetes CRD 介绍(控制器)
  • Python 小程序之PDF文档加解密
  • 使用python脚本一个简单的搭建ansible集群
  • 【价值几十万的仿抖音直播电商系统源码共享】
  • 对于vue3项目中使用shareReward还是shareReward.value的问题
  • 利用websockify将websocket通信转换成tcp
  • 【LeetCode刷题】-- 163.缺失的区间
  • ClickHouse为何如此之快
  • Avalonia中如何将View事件映射到ViewModel层
  • (第42天)DataGuard 搭建之使用 Duplicate 复制
  • LeetCode 0070. 爬楼梯:动态规划(递推)
  • XMemcached network layout exception java.nio.channels.ClosedChannelException
  • 记录 | vscode pyhton c++调试launch.json配置
  • Java入门基础:浅显易懂 死循环
  • LeetCode刷题--- 验证二叉搜索树
  • go-zero 开发入门-加法客服端示例
  • Python 快速入门——基础语法
  • EasyRecovery2024苹果电脑mac破解版安装包下载
  • Git常用命令大全
  • vue项目本地正常运行,打包到线上时无法访问js等资源
  • 计网Lesson10 - 网络层之IP协议分析
  • LangChain 25: SQL Agent通过自然语言查询数据库sqlite
  • Redis生产实战-热key、大key解决方案、数据库与缓存最终一致性解决方案
  • 可惜+悲伤+唉=emmo...