如何在VueJS中实现Medium风格的评论界面

14ifxucb 于 2022-11-30 发布在 Vue.js

关注(0)|答案(1)|浏览(99)

我真的很喜欢Medium使用的评论界面，允许用户突出显示文章的一部分，并对该特定部分进行评论。
我想在VueJS应用程序中实现一个类似的评论工具。
我发现这个软件包做类似的事情：http://aroc.github.io/side-comments-demo/，但是我想尝试找到最近更新的东西。另外，它需要jquery，我目前不使用它，如果可能的话，我希望避免添加该依赖项。
我很想知道是否有人看到了什么能帮上忙的东西。

vue.js

来源：https://stackoverflow.com/questions/61120612/how-to-implement-medium-style-commenting-interface-in-vuejs

1条答案

按热度按时间

9lowa7mx1#

我在https://codesandbox.io/s/medium-style-text-select-comment-box-h5o9r创建了一个示例
在这里，我将comments组件添加到根组件中，这样它就可以全局使用了。

if (window.getSelection() && !window.getSelection().isCollapsed) {
    //execute only with the getSelection() method is available 
    //and the current selection is not collapsed
}

一旦我们有了一个选择，页面上的位置将使用选择位置和它的尺寸来计算，浮动注解组件也将相应地定位。
我们可以使用

window.getSelection().toString();

我会建议你去通过沙盒，因为有很多事情正在进行，这是不在这个答案。

赞(0）回复(0）举报 2022-11-30

我来回答

如何在VueJS中实现Medium风格的评论界面

1条答案

相关问题

热门标签

最新问答