前端怎么实现划词评论?

image.png

小伙伴们,这种划词评论,前端有什么方案呢?

图中是阿里的语雀。它不能选择代码文本,不能手机划词评论。

很感兴趣这个,准备作为第三个轮子来搞。

想问问有什么库或者实践案例吗?

  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    209 引用 • 1324 回帖 • 1 关注
  • 划词
    1 引用 • 8 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    1663 引用 • 10976 回帖 • 580 关注
被采纳的回答
  • Blackman99 1

    See the Pen MWaXVdM by Blackman99 (@blackman99) on CodePen.

    • Talk is cheap. Show you my code.
8 回帖
请输入回帖内容...
  • duobancc

    我想到微信读书

    1 回复
  • w3cfed

    有原理资料提供么?

  • ferried

    有没有滑动的事件监听,然后弹出莫态框,就是不知道那个 value 从哪来 event.taget.value?

    1 回复
  • w3cfed

    没这么简单。这么简单,阿里语雀早就做出来了。

  • Blackman99 1

    See the Pen MWaXVdM by Blackman99 (@blackman99) on CodePen.

    • Talk is cheap. Show you my code.
    1 回复
    3 操作
    Blackman99 在 2020-05-14 12:53:38 更新了该回帖
    Blackman99 在 2020-05-14 12:53:12 更新了该回帖
    Blackman99 在 2020-05-12 13:07:24 更新了该回帖
  • 233333 1 评论

    可以用 mouseup 事件监听划词选中的文本,出现一个评论框,评论以后再数据入库(保存坐标锚点),再异步刷个新?页面渲染的时候带上锚点位置给个文本变色和点击看评论框的事件?好了,思路好像有了 快实现代码给我康康吧huaji

    1 回复
    我上次 cv 过类似的代码 https://heycmm.cn/archives/1586685413
    233333
  • w3cfed

    谢谢。

  • w3cfed

    谢谢

请输入回帖内容 ...