Edit with Notepad++ 使用实时更新在 Notepad++ 文本编辑器中编辑文本区域元素的内容,或节点元素的内部和外部 HTML,非常方便
插件简介
使用实时更新在 Notepad++ 文本编辑器中编辑文本区域元素的内容,或节点元素的内部和外部 HTML
插件安装
方法一:.crx文件格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。
5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件。
方法二:文件夹格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。
3.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。
注意:最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决
插件使用说明
特征:
编辑“input[type=text]”、“input[type=search]”、“textarea”的内容
编辑节点元素的innerHTML和outerHTML
编辑 CSS 样式表
编辑 JavaScript 源代码
扩展实时监控本地文件,当观察到变化时,节点的内容被编辑。您唯一需要做的就是保存更改。请注意,此扩展需要本机客户端才能与 Nodepad++ 编辑器通信。此外,您需要在操作系统上安装 Nodepad++ 应用程序。如果您使用的是便携式版本,请转到扩展的选项页面并查看编辑器的绝对路径。
要将 HTML 元素发送到编辑器,请单击浏览器操作按钮一次。现在将鼠标放在您需要与之交互的 HTML 元素上。
要编辑内容可编辑元素,请使用右键单击上下文菜单项
要将 HTML 元素发送到编辑器,您还可以使用 DevTools。打开 DevTools 并切换到检查选项卡,选择所需的元素,然后在右侧面板中单击“使用 Notepad++ 编辑”面板。
注意:您可以使用此扩展程序同时编辑多个节点
注意:文件存放在操作系统临时目录中,无需手动删除

扫码关注公众号,发【识别码】获取