找回密码
 立即注册

QQ登录

只需一步,快速开始

Joe.xu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2022-4-25 16:56  /   查看:4199  /  回复:0
本帖最后由 Joe.xu 于 2022-4-25 17:33 编辑

想死大家了,带个教程贴给格友们请安 请安.gif

大家可能都有过这种需求,需要在评论或者大串文字中高亮显示关键字,如下图(图片来源于格友的帖子),

image.png658841552.png

接下来,我们分两种情况跟大家介绍实现步骤

(一)表单实现高亮

1.引入一个全局JS,主要的作用是将需要高亮的关键字加上样式style
image.png537720031.png

2.因为JS返回的数据包含了css样式,所以需要选择html编辑器来展示数据,记得反勾选显示菜单栏
image.png601256713.png

3.输入了关键字和高亮颜色之后,按钮中获取数据,将调用JS处理之后的数据放在html编辑器中

image.png12447203.png

效果如下

image.png962838745.png


(二)图文列表所有数据实现高亮

这个功能其实大家在生活中经常会遇到,就比如我们论坛中,搜索了一个关键字之后,
会将搜索到的数据中带有关键字的高亮,这种展示大家很容易想到用图文列表来做,
具体的实现分下面几步
image.png313997191.png

(1)因为图文列表的数据是基于表格的,所以要先绑定表格,并且根据关键字设置查询命令

image.png358530272.png

(2)基于表格的数据,设计图文列表,我这里比较简单,只用了一个文本框和html编辑器

image.png79730223.png

(3)在绑定了ID的文本框中设置命令,取到对应的内容,调用JS进行样式处理,
最后通过设置单元格属性命令,将数据放在html展示

image.png356052855.png

效果如下:
image.png385721434.png
改变字体颜色.fgcc (244.53 KB, 下载次数: 424)

评分

参与人数 7金币 +5 满意度 +30 收起 理由
Meng2499 + 5
鸿心 + 5
sz_xd + 5
muto + 5
小萝卜 + 5
David.Zhong + 5 很给力!
swejet + 5

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部