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

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

多行文本框

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

①:多行文本组件

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

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

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

富文本组件

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

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

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

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

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

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

配置效果

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

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

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

低代码表单往期干货

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/158563.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

数据结构 - 顺序表ArrayList

目录 实现一个通用的顺序表 总结 包装类 装箱 / 装包 和 拆箱 / 拆包 ArrayList 与 顺序表 ArrayList基础功能演示 add 和 addAll ,添加元素功能 ArrayList的扩容机制 来看一下,下面的代码是否存在缺陷 模拟实现 ArrayList add 功能 add ind…

农业中的机器学习

机器学习训练模型推荐: UnrealSynth虚幻合成数据生成器 - NSDT 机器学习是一个不断发展的领域,在农业中有许多潜在的应用。农民和农业科学家正在探索如何转向机器学习开发来提高作物产量、减少用水量和预测病虫害。未来,机器学习可以帮助农民…

ASTM F963-23美国玩具安全新标准发布

新标准发布 2023年10月13日,美国材料与试验协会(ASTM)发布了新版玩具安全标准ASTM F963-23。 主要更新内容 与ASTM F963-17相比,此次更新包括:单独描述了基材重金属元素的豁免情况,更新了邻苯二甲酸酯的管控…

Flutter GetX的使用

比较强大的状态管理框架 引入库: dependencies:get: ^4.6.6一.实现一个简单的demo 实现一个计数器功能 代码如下: import package:flutter/material.dart; import package:get/get.dart;void main() > runApp(const GetMaterialApp(home: Home()…

怎么理解电流超前电压、电压超前电流?

电容和电感,电压超前电流,电流超前电压都是我们经常听到的。作为非专业人士,这些听起来确实有点摸不着头脑,今天特别查了下电容、电感、电压电流相关资料,总算是弄明白了,在此特地记录下! 1. 电…

【嵌入式开发学习】__软件工程师的关键原则-18个系统设计概念

目录 前言 01. 域名系统 (DNS) 02. 负载均衡器 03. API 网关 04. 内容交付网络 (CDN) 05. 正向代理与反向代理 06. 缓存 07. 数据分区 08. 数据库复制 09. 分布式消息系统 10. 微服务 11. 数据库 12. 前端缓存 13. 后端缓存 14. 安全性 15. 高可用性与容错性 …

.NET Core 中插件式开发实现

在 .NET Framework 中,通过AppDomain实现动态加载和卸载程序集的效果;但是.NET Core 仅支持单个默认应用域,那么在.NET Core中如何实现【插件式】开发呢? 一、.NET Core 中 AssemblyLoadContext的使用 1、AssemblyLoadContext简…

java数据机构.冒泡排序,选择排序 插入排序 递归算法,递归求阶乘,快速排序

排序算法 冒泡排序选择排序插入排序递归算法递归求1~100的和递归求阶乘 快速排序总结 冒泡排序 相邻两个元素比较,大的放右边,小的放左边 第一轮循环结束最大值已经找到,在数组最右边(归为算法) 第二轮在剩余的元素比较找到次大值,第二轮可以少循环一次 如果有n个数据,总共我们…

数智赋能!麒麟信安参展全球智慧城市大会

10月31日至11月2日,为期三天的2023全球智慧城市大会长沙在湖南国际会展中心举办,大会已连续举办12届,是目前全球规模最大、专注于城市和社会智慧化发展及转型的主题展会。长沙市委常委、常务副市长彭华松宣布开幕,全球智慧城市大会…

Servlet 初始化参数(web.xml和@WebServlet)

1、通过web.xml方式 <?xml version"1.0" encoding"UTF-8"?> <web-app xmlns"http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://xmlns.jcp.org/xm…

计算机由于找不到msvcr120.dll无法执行代码的解决方法分享(亲测有效)

在使用软件过程中&#xff0c;我们可能会遇到一些错误提示&#xff0c;其中之一就是“找不到msvcr120.dll无法继续执行代码”。这个问题通常是由于缺少Microsoft Visual C Redistributable Packages for Visual Studio 2013&#xff08;简称MSVCRT&#xff09;导致的。MSVCRT是…

AI集成ChatGPT敲代码神器Copilot

&#x1f4d1;前言 本文主要是AI工具Copilot解读文章&#xff0c;如果有什么需要改进的地方还请大佬指出⛺️ &#x1f3ac;作者简介&#xff1a;大家好&#xff0c;我是青衿&#x1f947; ☁️博客首页&#xff1a;CSDN主页放风讲故事 &#x1f304;每日一句&#xff1a;努力…