首页
学习
活动
专区
圈层
工具
发布

第105期:一次失败的浏览器插件开发

然后设计了一下大致的界面: image.png 思考了一下想要实现的功能主要有三个: 一键复制富文本 生成海报 推送文章内容到指定仓库 一键复制富文本这个功能,原本想着很简单,因为原先写过一个类似的东西...,找到过一些代码,可以把外部样式表转为行内样式,原本以为这个直接粘过来用就可以了,但是实际上的情况是,文本的样式可以正常复制,但是由于hljs内置的样式无法转换为行内样式,所以类似下面这种示例代码虽然可以复制...即便我在插件中重新定义了一套样式直接appendChild到body,复制出来示例代码部分也没有变成行内样式,复制出来的效果也不对。...转换行内样式的代码如下: // 将样式表的样式装换成行内样式 let sheetToSelf = function (dom) { const sheets = document.styleSheets...; const sheetsArry = Array.from(sheets); const $dom = dom.parentNode console.log(sheets) function

75420
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Google Sheets Automation 实用指南

    Google Sheets Automation 实用指南 导读:本文整理自开源社区 Agent Skills 合集的中文翻译版本,围绕 Lightweight Google Sheets integration...谷歌表格 轻量级 Google 表格集成,支持独立 OAuth 认证。无需 MCP 服务器。完全读写访问权限。 需要 Google Workspace 帐户。 不支持个人 Gmail 帐户。...输出格式 文本(默认) 带管道分隔符的人类可读格式: Spreadsheet Title: Sales Data Sheet Name: Q1 Name Revenue Units Product A...原始(--raw 标志):值将按提供的原样存储。不对公式或数字格式进行解析。...令牌管理 使用系统钥匙串安全存储的令牌: macOS:钥匙串 Windows:Windows 凭据柜 Linux:秘密服务 API(GNOME 钥匙串、KDE 钱包等) 服务名称:google-sheets-skill-oauth

    8610

    懂Excel就能轻松入门Python数据分析包pandas(七):分列

    Python 数据处理厉害,而是他有数据分析神器—— pandas 前言 今天从两个需求来看看数据分列功能,由于 Excel 自带功能比较弱,在处理稍微复杂的需求时会显得力不从心,因此,本系列文章将引入...本文结构: - 先看看简单的分列 - 接着尝试分割扩展成行 - 最后是多列分割扩展成行 Excel 分列 Excel 中对数据进行分列是非常简单的。...Query 来处理: - 功能区"Power Query",点"从表/范围" - 此时会启动 Power query 编辑窗口 - 点选 科目 整列 - 上方功能区"开始","转换"区中,点选"拆分列...",选"按分隔符" - 这里大部分设置与 Excel 自带功能基本一致 - 点开"高级选项",点选"拆分为"中的"行" - 功能区"开始",最左边点按钮"关闭并上载",即可把结果输出会 Excel...当然也支持: - 一句搞定 总结 - Series.str.split() ,对文本列分割 - expand 参数指定是否扩展为列 - DataFrame.explode() ,对序列的列扩展成行

    3.5K30

    懂Excel就能轻松入门Python数据分析包pandas(七):分列

    Python 数据处理厉害,而是他有数据分析神器—— pandas 前言 今天从两个需求来看看数据分列功能,由于 Excel 自带功能比较弱,在处理稍微复杂的需求时会显得力不从心,因此,本系列文章将引入...本文结构: - 先看看简单的分列 - 接着尝试分割扩展成行 - 最后是多列分割扩展成行 Excel 分列 Excel 中对数据进行分列是非常简单的。...",选"按分隔符" - 这里大部分设置与 Excel 自带功能基本一致 - 点开"高级选项",点选"拆分为"中的"行" - 功能区"开始",最左边点按钮"关闭并上载",即可把结果输出会 Excel...当然也支持: - 一句搞定 总结 - Series.str.split() ,对文本列分割 - expand 参数指定是否扩展为列 - DataFrame.explode() ,对序列的列扩展成行...,通常与 Series.str.split() 配合使用 下一节,将看看 Excel 举世闻名的 vlookup 函数与 pandas 中的实现

    1.9K10

    电话号码信息收集工具:PhoneInfoga | 开源日报 No.137

    该工具将缓冲区划分成块,并且每个块都可以设置自己的语言 (例如 JavaScript、JSON、Markdown 等),从而实现语法高亮并允许自动格式化 JSON 响应。...其主要功能包括: 持久性文本缓冲 基于块 语法高亮 多种编程语言支持 自动检测所用编程语言类型 自动格式化 数学/计算器模式 货币转换 多游标编辑 暗色 & 明亮主题 全局快捷键控制软件显隐 pingcap...是一个 Solid 应用程序框架,具有以下主要功能: 基于文件系统的路由 支持所有渲染模式:服务器端渲染 (SSR)、流式 SSR、客户端渲染 (CSR)、静态站点生成 (SSG) 和流式 使用代码拆分...、输入待翻译文本后按下回车进行翻译以及通过外部调用实现更加方便高效的功能。...文本、图片和视频气泡消息 文本、URL、电子邮件地址等输入字段 包括 Google Sheets,Webhooks 和 Send email 在内的原生集成 条件分支和 URL 重定向 美观动画效果 主题可完全自定义

    96710

    听说谷歌Baba更新了 Material UI ...

    脑图呈现文本重点 前期配置 当初LZ前期配置遇了不少坑,这里我们一起回顾下: Step 1:打开工程目录下的build.gradle文件,并添加maven引用 allprojects {    repositories...这里再次简单描述相关细节: Bottom Sheets具有五种状态: STATE_COLLAPSED: Bottom Sheets是可见的,但只显示可视(部分)高度。...可视高度由开发人员选择,应足以表明有额外的内容,允许用户触发某个动作或扩展Bottom Sheets; STATE_EXPANDED: Bottom Sheets是可见的并且它的最大高度并且不是拖拽或沉降...; STATE_DRAGGING:用户主动向上或向下拖动Bottom Sheets; STATE_SETTLING: 拖动/轻扫手势后,Bottom Sheets将调整到特定高度。...如果已经在Activity使用CoordinatorLayout,添加底部表单很简单: 将任何视图添加为CoordinatorLayout的直接子视图。

    4.8K20

    Shinyforms | 用 Shiny 写一个信息收集表

    仅用一行代码即可为 Shiny UI 和 server 添加表单;•可以在同一 App 中包含多种不同形式;•以干净和用户友好的方法来捕获和报告错误;•问题和表格数据采用 R 列表格式;•支持的问题类型:文本...当字段不满足某些条件时,会给出错误提示消息(在表单信息列表中使用 validations 参数);•可选加入“重置”按钮,用于重置表单中的字段(在表单信息列表中使用 reset = TRUE 参数);•问题可包含提示文本...如何将收集结果保存至 Google Sheets 在此示例中,我们将首先创建一个新的 Google 表格文档。...接着,将工作表的密钥传递到存储列表,Shinyforms 即可与 Google 表格文档连接。...questions, storage = list( # Right now, only flat file storage is supported type = STORAGE_TYPES$GOOGLE_SHEETS

    6.1K10

    Excel集成ChatGPT:VBA函数实现AI自动化办公全解析

    维度ChatGPTExcel VBA结合后的化学反应核心能力理解自然语言、生成文本与代码自动化执行Excel操作、处理数据用嘴说需求,代码自动跑门槛零门槛,会说话就行高门槛,需学编程语法零门槛实现自动化局限无法直接操作...示例:"遍历当前工作簿所有工作表,将A1:Z100区域字体设为微软雅黑、10号,自动调整列宽,并删除所有空行。运行前弹出备份提醒。"第二步:安全部署并逐行调试拿到代码后,绝不能直接运行。...对已有函数提出增强需求:"当前函数DeleteRowsByValue仅支持单值删除,请改为支持数组 valList = Array("停用", "作废", "无效")"第五步:迭代优化每次使用后,将报错信息反馈给...After:=Sheets(Sheets.Count) ActiveSheet.Range("B2").Value = "客户" & i ActiveSheet.SaveAs...场景4:一键拆分合并文件(处理100个工资表)vbaSub 拆分文件() Dim n As Integer For n = 2 To Cells(Rows.Count, 1).End(xlUp

    67810

    Python对比VBA实现excel表格合并与拆分

    取得汇总表中第一条空行行号             fn = ThisWorkbook.Path & "\" & fileName             Set wb = GetObject(fn) '将fn...2.1.Python实现表格拆分 Python实现表格拆分的逻辑比较简单,就是分组然后将每组的数据单独导出存表即可 原表数据长这样: ?... After:=Sheets(Sheets.Count)             Sheets(Sheets.Count).Name = TempStr             '下面一行也是可以注释掉的...            'Sheets(Sheets.Count).Cells(1, 1) = Sh.Cells(1, 1)             '把第一行标题行弄过去             For... j =  To LastCol                 Sheets(Sheets.Count).Cells(, j) = Sh.Cells(, j)             Next

    4.8K31

    基于 Next.js实现在线Excel

    需要针对生产环境进行优化,例如代码拆分。 需要对一些页面进行预先渲染以提高页面性能和 SEO,可能还希望使用服务器端渲染或客户端渲染。...作为一个轻量级React服务端渲染应用框架,它有许多内置功能,包括不仅限于: 直观的、 基于页面的路由系统(并支持动态路由) 预渲染——支持在页面级的 静态生成 (SSG) 和 服务器端渲染 (SSR) 自动代码拆分...create-next-app nextjs-spreadjs 安装完成后执行npm run dev,如果项目能正常启动,就表示工程已经正常创建,默认创建好的工程会启动在3000端口,展示如下: 然后可以将项目.../spread-sheets-print": "15.1.0", "@grapecity/spread-sheets-pdf": "15.1.0", "@grapecity/spread-sheets-barcode.../spread-sheets-barcode"; import "@grapecity/spread-sheets-charts"; import "@grapecity/spread-sheets-shapes

    7.9K10

    向微软宣战!谷歌类ChatGPT装进办公「全家桶」,升级版Big Bard加急测试

    这意味着,人们可以用它来完成总结文本、编写代码等任务,甚至是将PaLM训练成一个像ChatGPT一样的对话聊天机器人。 2022年4月,谷歌首次官宣了5400亿参数的PaLM。...与其他LLM一样,PaLM能执行各种文本生成和编辑任务。 PaLM是谷歌首次大规模使用Pathways系统将训练扩展到6144块芯片,这是迄今为止用于训练的基于TPU的最大系统配置。...类ChatGPT装进办公「全家桶」 除了公开PaLM  API等利好开发人员的工具之外,谷歌还把生成式AI引入了自家办公组件Google Workspace,比如文档、Gmail、Sheets、Slides...目前,谷歌在全球有30多亿的Google Workspace用户。此次谷歌将生成式AI整合进「全家桶」,主要对标的是微软Office办公软件。...参考资料: https://www.theverge.com/2023/3/14/23639273/google-ai-features-docs-gmail-slides-sheets-workspace

    2.1K10
    领券