当前位置: 首页 > 知识库问答 >
问题:

正则表达式 - 如何在uniapp中实现输入框内#话题的高亮变色?

梁丘凯定
2024-08-21

uniapp中输入框输入#话题,如何使话题变色高亮

8b1a1b10d0726606273eca22eed6516.jpg

共有2个答案

阮阳曦
2024-08-21

《使用 div 标签 contenteditable="true" 实现一个 聊天框,支持 Ctrl + v 粘贴图片》

你需要的功能,类型这篇文章,将input换成div即可。 #话题 需要内容匹配再进行样式添加

例如:
#话题 前后空格匹配为开始和结束,再将内容替换<span style="color:red;"> #话题 </span>

田曜瑞
2024-08-21

可以考虑一下 CSS 自定义高亮 API - Web API | MDN 这个API,但是有兼容性问题,现在Firefox不支持这个API。另外也不确定编译成小程序之后是否还支持这个API。

如果考虑兼容性的话,也可以借鉴 um-texthighlight 这个uni-app的社区插件的实现思路来实现,就是正则匹配+动态样式类名。

 类似资料:
  • 问题内容: 我需要一些帮助来声明正则表达式。我的输入如下: 所需的输出是: 我已经试过了: 我也尝试过此方法(但似乎我使用了错误的regex语法): 我不想replace从1到99 进行硬编码。。。 问题答案: 这个经过测试的代码段应该做到这一点: 编辑:这是一个注释的版本,说明其工作方式: 正则表达式很有趣!但我强烈建议你花一两个小时来学习基础知识。对于初学者,你需要了解哪些特殊字符:需要转义的

  • 本文向大家介绍js输入框使用正则表达式校验输入内容的实例,包括了js输入框使用正则表达式校验输入内容的实例的使用技巧和注意事项,需要的朋友参考一下 js输入框输入校验 以上这篇js输入框使用正则表达式校验输入内容的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 我希望在我的项目中使用正则表达式模式进行验证。 下面是正则表达式模式的描述: > 长度必须至少为8个字符。 必须至少包含1个大小写字符。 必须包含至少1个小写字符。 必须包含至少1个数字。 可能包含以下字符: " 不得使用重复字符。(aa、11等) 不得使用超过3个连续字符。(abcd、wxyz、1234等)

  • 我正在用PHP通过Laravel制作一个员工管理API。首先,如果论坛上已经有人问过这个问题,我很抱歉,但是我还没有找到我需要的确切答案。问题是我想通过验证器中的正则表达式来验证密码。我不知道这是否是正确的方法,如果是的话,如果有人能告诉我验证密码的正确方法,我将不胜感激。非常感谢。

  • 我正在尝试使用python中的正则表达式。我构建了正则表达式,如下所示。我知道用于匹配搜索字符串的开头。我已使用包含多个的匹配模式构建框架,但我不确定将如何尝试匹配搜索字符串中的模式。 我预计会引发错误,关于无效的正则表达式,但它不会引发任何错误,也不会返回任何匹配项。 所以,我的问题是或是有效的正则表达式吗?

  • 问题内容: 因此,例如: 但这当然是行不通的:)有什么办法可以做到这一点? 问题答案: 更新资料 根据一些评论,请务必注意,如果可能存在恶意内容(例如,变量来自用户输入),则可能需要转义该 变量 ES6更新 在2019年,这通常使用模板字符串编写,并且上面的代码已更新。最初的答案是: