富文本
3篇文章 · 0订阅
  • div+contenteditable 实现富文本发布框的小结
    “你想做的一定有人做了，你一定不是第一个遇到这个问题的人”——这句话对80%（二八分布）的人是有效的，我也从中获益不少。 在Chrome中使用button标签来高亮被@的用户，在Firefox中使用img标签来高亮被@的用户（绝妙）这里不同标签的使用很讲究，考虑了浏览器兼容性。…
    JavaScript HTML DOM
  • 分享一个冷门知识——文本框的选择文本在业务中的应用
    听到这个需求的时候，我的心理活动是这样的：“卧槽，这什么需求，从来没见过。前端做得了吗？”。 首先想到的是，搜索时，在搜索结果中对关键词的进行高亮。这个思路很简单，就是在搜索结果的文本中匹配关键词，用个span标签包裹，并给span标签加个样式即可。这个，好像跟需求相去甚远啊！…
    JavaScript
  • Web聊天工具的富文本输入框
    最近折腾 Websocket，打算开发一个聊天室应用练练手。在应用开发的过程中发现可以插入 emoji ，粘贴图片的富文本输入框其实蕴含着许多有趣的知识，于是便打算记录下来和大家分享。 是不是觉得很神奇？接下来我会一步步讲解这里面的功能都是如何实现的。 传统的输入框都是使用 <…
    JavaScript