首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于 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 请求从接口获取翻译结果并将其显示在

    1.6K30

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

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

    62630

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

    基于OT与CRDT协同算法的文档划词评论能力实现 当我们实现在线文档平台时,划词评论的功能是非常必要的,特别是在重文档管理流程的在线文档产品中,文档反馈是非常重要的一环,这样可以帮助文档维护者提高文档质量...初探富文本之CRDT协同算法 初探富文本之OT协同实例 初探富文本之CRDT协同实例 描述 实际上实现划词评论在交互上并不是非常困难的事,我们可以先简单设想一下,无非是在文档中选中文本,然后在onMouseUp...那么对于静态的内容,我们可能有很多办法来解决划词位置的持久化问题,而我们的在线文档是动态的内容,我们需要考虑到文档的变更,而文档内容的变更就有可能影响到划词位置的改变。...,重新计算划词的位置。...OT 那么首先我们来聊一聊编辑时的评论位置同步,通常划词评论会分为两部分,一部分是在文档中划词的位置展示,另一部分是右侧的评论面板。

    22510

    Xshell用鼠标选中一段文字后自动换行的问题

    Xshell用鼠标选中一段文字后自动换行的问题 发布时间:2015-3-25 8:44:53 来源:分享查询网 Xshell用鼠标选中一段文字后自动换行的问题 现象: 使用Xshell连接远程服务器...,一般选中都是鼠标选中,然后 Ctrl+Insert复制,Shift+Insert粘贴。...可是当选中后松开鼠标,就是在xshell里输了一个回车的样子自动换行,其实是一个Ctrl+C的组合键。如果正在当前终端调试或者什么的,就会中断。...原因: 1.是使用了网易的“有道词典”的划词取词功能导致的。个人猜测:只要你一划词,有道词典会就增加一个 ^C 结束符。 2.也可能是使用金山词霸的划译功能导致的。...解决: 关了划词功能就好了。 题外话:在Xshell中可以直接进行设置,选中即复制、右键即粘贴,使用更加方便,就像putty中一样。

    2.9K50

    数栈技术干货:从0到1实现谷歌插件开发探索及应用

    三、谷歌划词翻译插件 谷歌翻译算是笔者使用比较频繁的插件,对于在网页上看到的不懂的英文单词或者句子,直接使用鼠标选中,轻松快捷的翻译出相应的中文。...(一)思考 如何去做一个划词翻译插件,首先要考虑的有以下几点: 如何实现翻译效果 如何选中我们需要的元素 选中元素之后如何展示划词翻译面板 所有的浏览器 Tab 都需要支持翻译效果 思考完上面的这些点后...现在划词翻译的面板就已经基本写好了。...(三)脚本通信 划词翻译插件开发到这里,细心的同学应该发现了,每次选中单词时都会触发划词翻译功能,此时急需一个控制翻译功能的开关,这个开关就可以放在 popup 脚本上面。...(四)右键直达翻译页面 当关闭划词翻译的时候,直接无法翻译选中内容也不是很友好,这个时候可以设置为点击右键的时候出现翻译菜单项。因为这部分内容需要一直存在就加在 background 中。

    1.1K20

    一起来写 VS Code 插件:实现一个翻译插件

    可以直接替换翻译中文为变量名 划词翻译,用于源码中的注释翻译 开发 初始化项目 执行脚手架,初始化项目 yo code image.png hello world 创建好目录后,我们可以到入口文件找到入口文件...let selection = editor.selection let text = editor.document.getText(selection) //选择文本 //有选中翻译选中的词...下图是 vscode 官方菜单分组,将分组放在修改代码部分 image.png 一起来看下效果 image.png 划词翻译 VS code 提供一个 provideHover 当鼠标移动在上面的时候就可以根据当前的单词做一些具体操作...,但是这个翻译的场景下,单个单词不够,所以要根据选中的词来翻译。...comment-translate 对比 API 不同 本插件目前只支持有道,用完免费相当于是付费 comment-translate 支持百度谷歌和必应,是免费 API 实现方式不同 本插件是利用 provideHover 划词翻译

    1.6K30

    太卷了,这届AI真的太卷了

    但是这个对需求的理解能力还是挺不错的,这个需求如果给Midjourney或者Stable Diffusion表现都挺一言难尽的,当然包括我做公众号题图一直在用的海艺也是很难达到这个水平的: 换个不那么故意为难AI的提示词来看...,kimi的结果是这样的: 而海艺的结果是这样的: 单纯说生成的最终效果图对提示词的遵守程度,kimi这把完胜。...另外,kimi的浏览器插件也上新了,基本和之前推荐过的浏览器插件sider的功能是一致的,可以在网页端进行划词AI查询。...edge浏览器的插件可以找到: 并且划词搜索的结果会保存在kimi的对话历史记录中,遇到了还可以搜索一下翻出来,还是挺好用的。...划词搜素的方式和sider类似,就是在浏览器的任何位置用鼠标选中一段内容之后会有kimi的小图标弹出。 点击小图标就可以弹出kimi的对话框,可以让它给你立刻解释一些问题。

    7400

    一起来写 VS Code 插件:实现一个翻译插件

    可以直接替换翻译中文为变量名 划词翻译,用于源码中的注释翻译 开发 初始化项目 执行脚手架,初始化项目 yo code hello world 创建好目录后,我们可以到入口文件找到入口文件 ....selection = editor.selection; let text = editor.document.getText(selection);//选择文本 //有选中翻译选中的词...下图是vscode 官方菜单分组,将分组放在修改代码部分 一起来看下效果 划词翻译 VS code 提供一个 provideHover 当鼠标移动在上面的时候就可以根据当前的单词做一些具体操作,但是这个翻译的场景下...,单个单词不够,所以要根据选中的词来翻译。...不同 本插件目前只支持有道,用完免费相当于是付费 comment-translate 支持百度谷歌和必应,是免费API 实现方式不同 本插件是利用 provideHover 划词翻译

    1.4K20

    推荐5款Chrome科研神器插件!

    03 文献阅读辅助 Multi-highlight 这是一款可以将多个关键词高亮的插件。对于我们阅读文献,需要做记号、划重点等非常有帮助!能够大大提高大家的阅读效率!...我们只用在插件里输入想要高亮的词,多个关键词用空格隔开,每个关键词都能以不同的颜色显示,以便大家区分。 ? 只要你不将插件移除,等下一次打开文献时,所有的标注都会原封不动出现。...05 划词翻译 Saladict沙拉查词 Chrome浏览器虽然能直接翻译整个英文网页,但有时候准确度还是存在偏差的。当我们想要更准确的翻译某些重点单词或句子,就可以安装这款插件。...Saladict就是一个很好用的网页划词翻译Chrome插件,界面清爽,操作简单,划词翻译速度非常快。...遇到不会的单词或者句子,用鼠标选中需要翻译的单词或句子,会弹出沙拉logo,点击logo即可立马翻译,再也不用为自己的英文水平懊恼了! ? 总之,工具的使用在于精,而不在于多。

    9.6K10

    记一次代码中毒急救

    有一天,我奉众神之王宙斯之命创建一个通用划词模块,让每条产线都接入这个控件。 何为通用划词模块,就是要通用,要有划词,还是个模块。 ??? 扯不下去了,你们自己看图识意吧。 ? ? ?...中毒开始 就是这样两个效果,点按选中文字高亮,并弹出悬浮窗。 这种控件,偷个懒吧,去 GitHub 上找找,这一找,就成了我中毒的,开始。...至此,一个划词模块的开发是完成了,功能表现也良好。 中毒太深 我靠,这通用划词模块根本不通用啊,谁特么也不知道业务线接入时候的环境是怎样的。 1....你控件使用的是自定义控件,可业务线有可能自己想使用划词功能的控件也是个自定义的 TextView,那没办法让一个 Java 类同时继承两个类啊。 2....最后的最后 记划词模块重构感受 ——开源代码要慎用,容易中毒

    87520

    文献达人必备软件,你知道几款?Zotero,Endnote,小绿鲸,还有谁?

    https://github.com/windingwind/zotero-pdf-preview 5.Zotero PDF translate —— 划词划句自动翻译。...https://github.com/muisedestiny/zotero-reference 知云文献翻译 知云文献翻译是一款简洁免费的文献翻译软件、可以直接通过选中翻译,也可选择翻译引擎。...www.zhiyunwenxian.cn/ 可以下载windows版本和mac版本~ 知云文献翻译的基础使用 知云文献翻译的使用非常方便快捷:1.首先要扫码登陆:2.在主页点击“文件”,再点击“打开”,打开要读的文献; 3.选中翻译的段落...可划词划句翻译,也可以全文翻译,支持word版本的译文下载。 还有强大的笔记功能,可将笔记一键转换为在思维导图模式。自带一些免费模板可使用,也可以自建模板。...也可划句翻译,也可以做高亮笔记,插入自己额外的观点,解释说明,下次打开仍可查看。

    2.9K10
    领券