首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TERSUS画画一样开发软件 显示元件介绍-富文本显示及编辑元件

TERSUS无代码手机电脑管理类软件开发,有两个文本及编辑元件:富文本内容显示元件(HTML Display)、富文本编辑显示元件(HTML Editor)

富文本内容显示元件(HTML Display):是文本带有样式且以HTML形式存在的内容,将其显示在前端的一种元件,其在无代码开发中,最大的好处是可以用于设计比较有个性化的表格及数据可视化的图表,将代码传给显示元件的值即可:

富文本显示

1、一般无需进行样式定义,直接在所需显示的内容的HTML代码中放入样式说明即可,可参考上图中部分HTML内容中"style=..."部分;

2、代码可以做成模板,从数据库表中取值来传给模板最终形成全部的需显示的文本:

用模板生成复杂的富文本HTML

3、用HTML来显示表格最大的好处是配合一些外部打印插件,直接将HTML内容打印出来,省去打印中的细节调整设计,在无代码中,这类细节调整耗时太长(与有代码前端设计一样);

4、数据可视化的部分中,同以上2,将数据部分传值给可视化代码的模板,最终的所有代码直接可以用HTML来显示为一个可视化图表,比传统方式节省大量时间且一个模板可多处多项目使用:

富文本生成图表

富文本编辑显示元件(HTML Editor):这个是专用于各类复杂样式文本编辑所用的,其生成的带有样式的HTML代码叫富文本。将富文本直接用文本显示元件显示出来时会看到图中第一行除字文字也有HTML标签,将其传给富文本显示元件时,则与输入时的样式一致:

富文本编辑器

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180327A1HWSI00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券