Edit with Notepad++

Chrome浏览器插件下载和安装教程(图文讲解)

此扩展提供 Notepad++ 与您的浏览器的集成

视频教程:
视窗:https://youtu.be/xX-j-HQ8WJI
Linux 和 Mac:https://youtu.be/8r756Z3wQ8M

特征:
编辑“input[type=text]”、“input[type=search]”和“textarea”的内容
编辑节点元素的innerHTML和outerHTML
编辑 CSS 样式表
编辑 JavaScript 源代码

扩展实时监控本地文件,当观察到变化时,节点的内容被编辑。您唯一需要做的就是保存更改。请注意,此扩展需要本机客户端才能与 Nodepad++ 编辑器进行通信。此外,您需要在操作系统上安装 Nodepad++ 应用程序。如果您使用的是便携式版本,请转到扩展的选项页面并查看编辑器的绝对路径。

要将 HTML 元素发送到编辑器,请单击浏览器操作按钮一次。现在将鼠标放在需要与之交互的 HTML 元素上。
要编辑内容可编辑元素,请使用右键单击上下文菜单项
要将 HTML 元素发送到编辑器,您还可以使用 DevTools。打开 DevTools 并切换到检查选项卡,选择所需的元素,然后在右侧面板中单击“使用 Notepad++ 编辑”面板。

注意:您可以使用此扩展同时编辑多个节点
注意:文件存放在操作系统临时目录下,无需手动删除