前端怎么实现划词评论?

image.png

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

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

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

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

  • 前端

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

    212 引用 • 1304 回帖
  • 划词
    1 引用 • 8 回帖
  • Q&A

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

    1811 引用 • 11787 回帖 • 578 关注

赞助商 我要投放

被采纳的回答
  • Blackman99 1 1 赞同
    捐赠者

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

    • Talk is cheap. Show you my code.

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • duobancc
    捐赠者

    我想到微信读书

    1 回复
  • martinageradams
    作者

    有原理资料提供么?

  • someone27889
    捐赠者

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

    1 回复
  • martinageradams
    作者

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

  • Blackman99 1 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
  • martinageradams
    作者

    谢谢。

  • martinageradams
    作者

    谢谢

请输入回帖内容 ...