uniapp中输入框输入#话题,如何使话题变色高亮
《使用 div 标签 contenteditable="true" 实现一个 聊天框,支持 Ctrl + v 粘贴图片》
你需要的功能,类型这篇文章,将input换成div即可。 #话题
需要内容匹配再进行样式添加
例如: #话题
前后空格匹配为开始和结束,再将内容替换<span style="color:red;"> #话题 </span>
3 回答2.2k 阅读✓ 已解决
5 回答1.7k 阅读
3 回答1.1k 阅读✓ 已解决
2 回答2.2k 阅读
1 回答1.1k 阅读✓ 已解决
3 回答1.1k 阅读
1 回答1.6k 阅读✓ 已解决
可以考虑一下 CSS 自定义高亮 API - Web API | MDN 这个API,但是有兼容性问题,现在Firefox不支持这个API。另外也不确定编译成小程序之后是否还支持这个API。
如果考虑兼容性的话,也可以借鉴 um-texthighlight 这个uni-app的社区插件的实现思路来实现,就是正则匹配+动态样式类名。