首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于 ChatGPT API 的划词翻译浏览器脚本实现

    实现划词翻译 划词翻译是一种常见的网页功能,用户选择一个单词或一段文本时,自动弹出一个小窗口,显示该单词或文本的翻译。...icon.src = 'http://example.com/icon.png' translation.appendChild(icon) 为页面添加一个鼠标抬起事件监听器,当用户选择一段文本时,设置搜索关键词...border: 1px solid #ccc; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); z-index: 9999; } 以上这些步骤就能实现划词翻译的基本功能...使用 antd 的 Popover 组件来显示,使用 react 重构下 js 代码,我们就可以实现如下效果。 点击翻译按钮,就会通过接口请求,将翻译结果显示在下方。...小结 本文介绍了如何实现划词翻译的基本功能,包括使用 OpenAI 提供的接口进行翻译、在 HTML 页面中添加触发翻译的按钮和鼠标抬起事件监听事件、使用 AJAX 请求从接口获取翻译结果并将其显示在

    1.8K30

    基于划词翻译和 Azure OpenAI 实现 ChatGPT 在线翻译功能

    了不起常用的一个翻译工具叫划词翻译,是一个 Chrome 插件,日常看英文文档的遇到不懂的单词或者句子直接选中,然后点击一下图标就可以实现自动翻译。...配置 roure 的时候需要我们有可用是 site 站点;配置自定义域名的时候要求我们可用的 roure 配置划词翻译 当我们代理服务部署完成过后,再回来划词翻译这里,在插件的服务申请 => ChatGPT...至此我们的 ChatGPT 的配置就完成了,简单总结一下: 因为我们国内无法直接使用 ChatGPT,我们这里通过申请微软的 Azure OpenAI 来替代原生 OpenAI,但是又因为划词翻译的 API...如果划词翻译能直接兼容 Azure OpenAI 的话,其实我们就不用中间的代理了,可以直接配置。同理我们配置了代理服务过后,以后在其他 OpenAI 的客户端我们都可以直接使用了,一劳永逸。

    78330

    关键词搜索工具分享

    Wordtracker关键词搜索工具分享 打开网站,大家可以看到这个界面,直接在搜索框输入产品关键词,可以看到一些关键词,但是关键词的数量并不多。...https://www.keyword.io/打开该网站: 打开网站,大家可以看到这个界面,直接在搜索框输入产品关键词,选择你要 查询的平台(没有外网的可以选择Amazon/Alibaba/Ebay.../Bing等搜索),可以 显示该平台对应的关键词推荐 如果想导出关键词,可以先免费注册一个账号,用QQ邮箱或者一些其它邮箱都可以,我是用的QQ邮箱,登录验证,即可导出里面的关键词 Answer the...同时还可以根据它推荐的属性分组,进一步研究用户的搜索习惯,产品主要用途,以及用户想用产品实现哪些目的等等。总之,没有关键词设置思路?用它就对了。...,缺点是免费的账号看不到具体的关键词搜索量。

    1.9K100

    基于OT与CRDT协同算法的文档划词评论能力实现

    基于OT与CRDT协同算法的文档划词评论能力实现 当我们实现在线文档平台时,划词评论的功能是非常必要的,特别是在重文档管理流程的在线文档产品中,文档反馈是非常重要的一环,这样可以帮助文档维护者提高文档质量...而即使是单纯的将划词评论作为讨论区,也是非常有用的,尤其是在文档并不那么完善的情况下,对接产品系统的时候可以得到文档之外的输入。那么本文将通过引入协同算法来解决冲突,从而实现在线文档的划词评论能力。...那么对于静态的内容,我们可能有很多办法来解决划词位置的持久化问题,而我们的在线文档是动态的内容,我们需要考虑到文档的变更,而文档内容的变更就有可能影响到划词位置的改变。...,重新计算划词的位置。...OT 那么首先我们来聊一聊编辑时的评论位置同步,通常划词评论会分为两部分,一部分是在文档中划词的位置展示,另一部分是右侧的评论面板。

    32010
    领券