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

JVS低代码表单引擎助你打造高效表单设计流程

在日常的设计表单过程中,常常会有需要录入一大段文字的场景,例如评论、留言、产品介绍、内容说明等场景,那么简单的文本框组件就不满足了,这里JVS提供了 两种描述类型的组件,多行文本框和富文本组件,如下图所示:

多行文本框

多行文本可允许用户在一个多行的文本框中输入较长的文本内容,但通常不支持富文本格式。 常见于需要用户输入较长的、自由格式的文本,例如评论、说明、留言等。提供了一个扩展的文本输入区域,用户可以通过滚动条或者自动扩展来输入和查看文本。如下图所示:

①:多行文本组件

②:可设置多行文本的默认展示行数

③:可设置多行文本的文字内容的长度,超超过长度后不能继续录入

④:字数统计,开启后,在文本框的右下角会展示已经录入和总共限制的容量数字

富文本组件

富文本组件允许允许用户输入富有样式的文本,包括文字样式(如字体、大小、颜色)、链接、图片、表格等。常见于需要用户输入较为复杂的文本内容,例如博客文章、评论、邮件正文等。JVS提供了一个类似于文本编辑器的界面,使用户能够直观地编辑文本,如下图所示:

①:JVS提供的富文本组件,可以通过拖拽的方式引入图表画布中

②:选中富文本组件后,可以设置组件的状态,如果是普通模式,富文本可以编辑,只读模式下展示富文本的最后效果(不可编辑)

③:可编辑模式下的富文本组件

④:富文本组件中提供了 标题类别、加粗、斜体、字体、下划线、表格等功能

⑤:不可编辑模式下的富文本组件

配置效果

​​表单多行文本与富文本组件配置视频​​

在线demo:https://frame.bctools.cn/

基础框架开源地址:https://gitee.com/software-minister/jvs

低代码表单往期干货

​​用JVS低代码表单引擎,打造个性化表单​​
​​JVS低代码快速开发核心能力:表单引擎基础组件的配置详解​​
​​超详细介绍,JVS低代码表单引擎的常用样式-文本框​​
http://www.lryc.cn/news/216198.html

相关文章:

  • 运行项目报错error in ./node_modules/marked/lib/marked.umd.js
  • 内置对象和方法、前端基础之BOM和DOM
  • 内网穿透配置-Cpolar-Ngrok
  • Web前端自动化测试Cypress实践总结
  • Nacos本地修改编译源码2.2.3
  • 邦芒攻略:提升职场核心竞争力的7点建议
  • Android 如何在Android studio中快速创建raw和assets文件夹
  • 功率放大器功能及用途介绍
  • 11.Linux系统:定时任务备份mysql数据库为文件并传输到其他服务器
  • 基于Python的豆瓣电影排行榜,可视化系统
  • Flink日志采集-ELK可视化实现
  • iOS NSKeyedUnarchiver归档和读取
  • 算法通关村第五关|青铜|基于链表实现队列
  • 【Vue】使用v-model实现控制子组件显隐
  • 一篇博客读懂顺序表 —— Sequence-List
  • OceanBase:02-单机部署(生产环境)
  • 【嵌入式 C 常用算法 2 -- 变量值交换函数异或方式实现】
  • Hadoop HDFS(分布式文件系统)
  • 力扣1.两数之和
  • JTA分布式事务管理器
  • 晨控CK-GW08系列网关控制器与CODESYS软件MODBUSTCP通讯手册
  • 读书笔记——labuladong算法笔记
  • Linux中阶教程:bash shell基础
  • Golang 编译原理
  • 基于深度学习的动物识别 - 卷积神经网络 机器视觉 图像识别 计算机竞赛
  • 计算机视觉基础——基于yolov5-face算法的车牌检测
  • 【好书推荐】AI时代架构师修炼之道:ChatGPT让架构师插上翅膀
  • 全局代理和局部代理的区别
  • 基于EPICS stream模块的直流电源的IOC控制程序实例
  • Unity3D ECS架构适合作为主架构还是局部架构