tributejs使用
时间: 2024-04-24 19:24:45 浏览: 20
Tribute.js是一个用于实现自动补全和@提及功能的JavaScript库。根据引用\[3\]中提到的实现原理,Tribute.js利用普通的div标签作为编辑器的输入框,并使用contenteditable="true"属性来实现可编辑的效果。它还利用Selection对象来实现引用数据的浮窗定位。被@或#引用的数据可以通过在数据外包含一个<span contenteditable="false"></span>来实现一次性删除。为了区分被引用的数据,Tribute.js会对相关的HTML标签进行样式设置。如果想要获取被引用数据中的多个属性的值,可以使用HTML5的自定义属性data-xxx来保存属性值,并通过遍历标签的dataset.xxx来获取所需属性的值。
#### 引用[.reference_title]
- *1* *3* [前端web实现(@、At、艾特)选人或引用数据](https://blog.csdn.net/qq_42002487/article/details/127114994)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue项目安装和使用three.js](https://blog.csdn.net/qq_37656005/article/details/109931164)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![gz](https://img-home.csdnimg.cn/images/20210720083447.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)