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

    基于 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.8K30

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

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

    78330

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

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

    32010

    CodeBuddy 8 分钟造神器,划词秒翻 + 自动适配所有网页

    ,但是没有细致的说如何实现,但是问题不大,Craft会帮我们进行解决我们将信息复制到我们创建好的README文件里面就好了README文件如下,大家可以参考我的然后我们直接到Craft模式输入下方对话词:...@README.md 请根据文件进行插件的开发,把插件打开之后,我在网页中选中一个片段,他会在右侧显示出具体的翻译具体,包括原文和翻译后的结果,插件的图标我放到了文件夹里面了,叫头像.jpg他这里检测到我说的话和...我们直接将错误信息复制给CodeBuddy就行了下面是CodeBuddy处理报错的相关信息,分析错误的能力很强我们再次测试下我们的这个插件,这次我们就没有报错了,很顺利,我们这里打开GitHub测试下具体的效果也可以只直接选中网页的文本大面积翻译...的调用呢,我将对应的代码给CodeBuddy,让他重新帮我生成代码代码生成好了之后,我们直接重新测试看到效果我内心还是很开心的,成了,CodeBuddy名部虚传,蓝耘的api反应速度也很快他这里还会根据你选中的语言的类型自动进行转换...这款插件具备划词秒翻、自动适配网页、可定制操作等优势,蓝耘 API 提供精准翻译、高并发处理及丰富拓展性等支持,二者协同打造出高效、精准且个性化的翻译工具。

    17310

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

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

    3.1K50

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

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

    1.3K20

    全能型翻译插件大比拼,会译值得推荐

    打开翻译软件,机翻的「责任」和「负债」傻傻分不清;手动调整PDF格式,表格里的数字黏成一团;午休时刷《经济学人》,划词翻译点三次才出结果…… 这大概是每个打工人的翻译日常——市面上翻译工具不少,但「准到能交差...沉浸式翻译:主打分屏翻译(原网页+译文分左右两栏),但划词翻译得点插件图标,悬停翻译总被广告弹窗打断。...鼠标悬停单词0.5秒,直接弹出「生成式AI」的译文+维基百科简要解释;选中文字右键,秒出「简洁版」(核心意思)或「详细版」(词源+例句)。...开启后,网页自动高亮生词(按CEFR英语水平分级),悬停看音标+例句;划词翻译一键「加入生词本」,同步到微信小程序随时复习。...会译:自带「在线翻译浮窗」,微信、Word、便签里的文本,选中右键点「会译在线翻译」,浮窗秒出译文。

    11221

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

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

    19200

    一起来写 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.8K30

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

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

    1.5K21

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

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

    9.8K10

    记一次代码中毒急救

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

    99120
    领券