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

    基于 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; } 以上这些步骤就能实现划词翻译的基本功能...小结 本文介绍了如何实现划词翻译的基本功能,包括使用 OpenAI 提供的接口进行翻译、在 HTML 页面中添加触发翻译的按钮和鼠标抬起事件监听事件、使用 AJAX 请求从接口获取翻译结果并将其显示在

    2.3K30

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

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

    1.4K30

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

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

    74310

    linux从入门开始——Linux必备手册(Linux关键词,Linux命令总结)

    linux系统一切皆文件 Linux 目录结构 常用基本命令 关机重启命令 sync 将数据由内存同步到硬盘中 halt 停机,关闭系统,但不断电 poweroff 关机,断电...不同 Linux 系统对用户组的规定有所不同,如Linux下的用户属于与它同名的用户组,这个用户组在创建用户时同时创建。用户组的管理涉及用户组的添加、删除和修改。...为了保护系统的安全性,Linux系统对不同的用户访问同一文件(包括目录文件)的权限做了不同的规定。在Linux中我们可以使用ll或者ls -l命令来显示一个文件的属性以及文件所属 的用户和组。...从左至右用0-9这些数字来表示: (1)0 首位表示类型 在Linux中第一个字符代表这个文件是目录、文件或链接文件等等 代表文件 d 代表目录 l 链接文档(link file); (2) 第.../dev/sda2 26 1332 10485760 83 Linux /dev/sda3 1332 1593 2097152 82 Linux swap / Solaris 进程管理类 ps

    1.2K41
    领券