在日常的設(shè)計(jì)表單過程中,常常會(huì)有需要錄入一大段文字的場(chǎng)景,例如評(píng)論、留言、產(chǎn)品介紹、內(nèi)容說明等場(chǎng)景,那么簡(jiǎn)單的文本框組件就不滿足了,這里JVS提供了 兩種描述類型的組件,多行文本框和富文本組件,如下圖所示:
多行文本框
多行文本可允許用戶在一個(gè)多行的文本框中輸入較長(zhǎng)的文本內(nèi)容,但通常不支持富文本格式。 常見于需要用戶輸入較長(zhǎng)的、自由格式的文本,例如評(píng)論、說明、留言等。提供了一個(gè)擴(kuò)展的文本輸入?yún)^(qū)域,用戶可以通過滾動(dòng)條或者自動(dòng)擴(kuò)展來輸入和查看文本。如下圖所示:
①:多行文本組件
②:可設(shè)置多行文本的默認(rèn)展示行數(shù)
③:可設(shè)置多行文本的文字內(nèi)容的長(zhǎng)度,超超過長(zhǎng)度后不能繼續(xù)錄入
④:字?jǐn)?shù)統(tǒng)計(jì),開啟后,在文本框的右下角會(huì)展示已經(jīng)錄入和總共限制的容量數(shù)字
富文本組件
富文本組件允許允許用戶輸入富有樣式的文本,包括文字樣式(如字體、大小、顏色)、鏈接、圖片、表格等。常見于需要用戶輸入較為復(fù)雜的文本內(nèi)容,例如博客文章、評(píng)論、郵件正文等。JVS提供了一個(gè)類似于文本編輯器的界面,使用戶能夠直觀地編輯文本,如下圖所示:
①:JVS提供的富文本組件,可以通過拖拽的方式引入圖表畫布中
②:選中富文本組件后,可以設(shè)置組件的狀態(tài),如果是普通模式,富文本可以編輯,只讀模式下展示富文本的最后效果(不可編輯)
③:可編輯模式下的富文本組件
④:富文本組件中提供了 標(biāo)題類別、加粗、斜體、字體、下劃線、表格等功能
⑤:不可編輯模式下的富文本組件
配置效果
??表單多行文本與富文本組件配置視頻??
在線demo:https://frame.bctools.cn/文章來源:http://www.zghlxwxcb.cn/news/detail-741764.html
基礎(chǔ)框架開源地址:https://gitee.com/software-minister/jvs文章來源地址http://www.zghlxwxcb.cn/news/detail-741764.html
低代碼表單往期干貨
??用JVS低代碼表單引擎,打造個(gè)性化表單??
??JVS低代碼快速開發(fā)核心能力:表單引擎基礎(chǔ)組件的配置詳解??
??超詳細(xì)介紹,JVS低代碼表單引擎的常用樣式-文本框??
到了這里,關(guān)于JVS低代碼表單引擎助你打造高效表單設(shè)計(jì)流程的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!