首页
学习
活动
专区
工具
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.3K30

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

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

44630

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

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

12610

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

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

2.6K50

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

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

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.4K30

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

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

8.2K10

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

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

1.2K20

记一次代码中毒急救

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

81820

差生工具多,推荐2个chrome插件,让你看到英语文档不再慌乱

我用的是第二种:住句子,点击放大镜,翻译结果就会展示。 也可以使用第一种:后直接展示结果 就这?就这就讲完了吗。那这也太能水了。...省去了我们先OCR识别文本,再复制再翻译的过程,它可以一步到位,名字是Docsumo Free OCR Software,这个的安装步骤就不赘述了,直接讲它的使用吧 一共两种模式:第一个是识别你选中的区域...在他的OCR结果区域,句子,点击放大镜进行翻译,都省的跳转了。至于第二种捕捉当前屏幕翻译,我的看法是那为啥不用chrome的右键-翻译成中文哈哈哈哈。 个人认为这2个插件配合在一起,还是很方便的。

39520

MacOS平台翻译OCR软件,双管齐下,还可自定义插件,为其添砖加瓦!

主要功能 1、翻译: • 翻译:选中需要翻译的文本,按下划翻译快捷键(默认 ⌥ D)即可翻译 • 截图翻译:按下截图翻译快捷键(默认 ⌥ S),截取需要翻译的区域即可翻译 • 输入翻译:按下输入翻译快捷键...(默认 ⌥ A),输入需要翻译的文本,Enter 键翻译 • PopClip 调用:选中需要翻译的文本之后,点击 PopClip 弹层的 Bob 插件图标即可翻译 • 查单词:Bob 不只是支持翻译,其实你也可以把...截取需要识别的区域即可识别文本 • 静默截图 OCR:按下静默截图 OCR 快捷键(无默认快捷键),截取需要识别的区域即可后台识别文本 • 访达选图 OCR:按下访达选图 OCR 快捷键(无默认快捷键),在访达窗口选中图片文件即可识别文本...的识别结果复制到剪贴板 • 智能分段:智能还原图片中的段落信息 • 支持多种识别引擎:离线文本识别、火山 OCR、腾讯 OCR、百度 OCR、有道 OCR、Google OCR 使用方式 翻译功能上我们无论是

12510
领券