Google Chrome 选项卡中的本地主机代码编辑器 - 就像记事本++?

发布于 2024-11-25 13:31:36 字数 244 浏览 3 评论 0原文

我研究了很多 Google Chrome 扩展程序和应用程序,以便找到一个满足以下要求的扩展程序和应用程序:

  • Google Chrome 选项卡编辑器中运行
  • 在任何代码、PHP、CSS、HTML 的
  • ,可以加载和保存文件(在我的计算机上)并创建新文件可以
  • 处理我电脑上的本地文件

有吗? kodingen、cloud9、shiftit 似乎没有在本地主机上运行。

I looked into very many Google Chrome extensions and apps in order to find one that matches the following requirements:

  • runs in a Google Chrome tab
  • editor for any code, PHP, CSS, HTML
  • can load and save files (on my computer) and create new ones
  • works with local files on my computer

Is there any? kodingen, cloud9, shiftedit does not seem to make it on the localhost.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

将军与妓 2024-12-02 13:31:36

也许 SourceKit 可以?

SourceKit 是 Google Chrome 浏览器的扩展,它在单独的选项卡中运行。这些文件存储在您的 Dropbox 帐户中,因此您不仅可以从计算机访问这些文件,还可以从任何地方访问它们!它对有限数量的语言使用类似于 Notepad++ 的语法突出显示(你说的是 php、css 和 html - 它们都受支持)。如果您安装 Dropbox 桌面应用程序,它可以在您的计算机上本地加载、保存和编辑文本文件。这还将文件与您的在线帐户同步,从而使它们可以从世界任何地方访问。

这听起来更像是推销员的广告,而不是预期的。

DropboxSourceKit 是免费的。

据我所知,有四个问题:

  • Dropbox“仅”免费提供 2GB,但是,如果您愿意付费,可以随时升级。
  • Dropbox Desktop 只会同步一个文件夹(及其所有内容),但这实际上与网站没有任何不同。
  • SourceKit 不会调试您的代码,但会突出显示错误的语法(仅适用于某些语言)。
  • 编辑 无法离线工作。

我已经尝试过,效果很好。

Maybe SourceKit will do?

SourceKit is an extension to your Google Chrome browser which runs in a separate tab. The files are stored in your Dropbox account, so not only can you access the files from your computer - you can access them from anywhere! It uses syntax highlighting like Notepad++ for a limited number of languages (you said php, css, and html - they are all supported). It can load, save, and edit text files locally on your computer if you install the Dropbox Desktop Application. This will also synchronize the files with your online account and thereby make them accessible from anywhere in the world.

That sounded more like a salesman's advertisement than intended.

Both Dropbox and SourceKit are free.

There are four catches as far as I can see:

  • Dropbox "only" offers 2GB for free, however, you can upgrade at any time if you're willing to pay.
  • Dropbox Desktop will only synchronize one folder (and all of its contents), but that's really not any different from a web site.
  • SourceKit will not debug your code, but will it highlight wrong syntax(only for certain languages).
  • EDIT Does not work offline.

I've tried it out, and it works well.

兮颜 2024-12-02 13:31:36

Sympathy 编辑器

Sympathy 使用 上面的答案允许您编辑本地文件。

优点

  • 允许您编辑本地文件
  • 完整的语法突出显示 为
  • 本地文件添加书签以方便访问

缺点

  • 使用 npapi 插件读取文件,这意味着它可以访问您的所有数据
  • 在 Chrome Webstore 上不可用
  • 仍在开发中
  • 目前仅适用于 linux/windows (mac 上没有)

如果您有兴趣,可以查看 自述文件,或手册 > 在 github 上。

此文件的屏幕截图

披露:我是扩展名。

Sympathy Editor

Sympathy uses the npapi-file-io plugin mentioned in an answer above to allow you to edit local files.

Pros

  • Allows you to edit local files
  • Full syntax highlighting
  • Bookmark local files for easy access

Cons

  • Uses npapi plugin to read files, which means it has access to all your data
  • Unavailable on Chrome Webstore
  • Still under development
  • Only works on linux/windows as of the moment (not in mac)

If you are interested, you can see the README, or Manual on github.

Screenshot of this file

Disclosure: I'm the primary developer of the extension.

撞了怀 2024-12-02 13:31:36

您提到的这些扩展是否都不适用于 file:/// 协议?仅当您要在本地网络服务器内编辑文件时,它们才适用于 http:// 协议。

不是写 http://localhost/(...) 而是写 file:///(...),其中(...) 是完整路径。

在 UNIX 系统中,它是 file:///home/jens/file.txt。在 Windows 中,它应该是 file:///C:\(...)。

Don't any of these extensions you have mentioned work with the file:/// protocol? They will work for the http:// protocol only if you are going to edit files inside your local webserver.

Instead of writing http://localhost/(...) you write file:///(...), where (...) is the full path.

In UNIX systems it is file:///home/jens/file.txt. In Windows it should be file:///C:\(...).

我喜欢麦丽素 2024-12-02 13:31:36

@Berk Demirkir 可能是对的。

以下是我发现可能有用的资源;

面向智能设计师的 32 个 Google Chrome 扩展程序

Chrome Web 开发者工具 上述列表中的第 7 项

@Berk Demirkir may be right.

Here are the resources I found that may be of use;

32 Google Chrome Extensions For Smart Designers

Chrome Web Developer Tools No. 7 on the above list

燕归巢 2024-12-02 13:31:36

没有用于编辑本地文件的扩展。

但是您可以编写一个!

无法使用 Chrome 的扩展 API 来访问本地文件系统。

但是您可以使用 HTML5 的文件 API(草案)本地存储如果这些存储方法都不足以满足您的需要,您可以构建NPAPI 插件。 Chrome 支持 NPAPI 插件。 Google 代码中还有一个名为 npapi-file-io 的项目,旨在访问来自 Google Chrome 扩展上下文的本地文件。

编辑:

现在,有一个可用的编辑,同情。您可以使用尼莫船长的 Symphaty 编辑器。

编辑2:

NPAPI插件是自版本 42 起已从 Chrome 中淘汰。唯一的替代方案是使用包装器本机应用程序并使用 本机消息 API

There's no extension for editing local files.

But you can write one!

Acesses to local filesystem cannot be done using Chrome's Extension API.

But you can use HTML5's File API (which is draft) or Local Storage. If none of these storage methods sufficient for you, you can build a NPAPI Plugin. Chrome supports NPAPI Plugins. There's also a project called npapi-file-io in Google Code which aims to access local files from Google Chrome Extension context.

Edit:

Now, there's one usable editor, Symphaty. You can use Capt.Nemo's Symphaty editor.

Edit 2:

NPAPI plugins are phased out from Chrome since version 42. The only alternative would be to use a wrapper native app and communicate using Native Messaging API.

墨小沫ゞ 2024-12-02 13:31:36

ShiftEdit 可用于本地工作,您需要安装 XAMPP 或同等版本。

ShiftEdit can be used to work locally, you will need to have XAMPP or equivalent installed.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文