资讯频道 → Web前端
阅读更多

4顶
0踩

Web前端

转载新闻 11款最好的JavaScript代码编辑器

2014-06-25 17:09 by 正式记者 shoothao 评论(3) 有22999人浏览
javascript 编辑器 IDE
如果你正在寻找优秀的JavaScript源代码编辑器，那么这11款“网络上评出的最好的JavaScript源代码编辑器”可能会帮到你。

1.  CodeMirror - 基于内嵌框架（ iframe ）的可编辑代码编辑器



CodeMirror是一个基于iframe的可编辑源代码编辑器组件 ，它允许你创建类似相对舒适的源代码编辑器接口(代码内容包括HTML、XHTML、XML、CSS、Python、PHP、c#、Java标记以及其它类似的语言）。

Codemirror的特性 ：

  • 自动完成
  • 模式覆盖
  • 搜索/替换
  • 预览HTML编辑器
  • 自动调整编辑器大小
  • 设置断点
  • 语法高亮显示
  • 主题化
  • 强调独立
  • 支持全屏幕编辑
  • 模式自动改变
2.  Ace - JavaScript编辑器



Ace是一个独立的JavaScript代码编辑器，拥有基于浏览器的代码编辑器相匹配的特性和扩展特性，还拥有目前常见的本地编辑器（如TextMate，Vim或Eclipse）的功能。 用户可以很容易把Ace编辑器嵌入进任何网页或JavaScript应用程序。

Ace JavaScript编辑器的特性：

  • 语法高亮显示
  • 自动缩进和凸排
  • 可选命令行
  • 大文档处理
  • 包含VI和Emacs模式的完全自定义关键字绑定
  • 主题化
3.  CodePress -基于JavaScript的实时语法高亮显示的编辑器



CodePress是基于JavaScript的在线源代码编辑器，它突出的语法高亮特性：只要在浏览器中输入代码，便能够立刻产生彩色语法文本。

CodePress的特性：

  • 实时语法高亮显示
  • 代码片段
  • 自动完成
  • 快捷键
  • 可以对相同的页面添加多个CodePress窗口
4.  EditArea -免费的JavaScript源代码编辑器



EditArea是一个免费的JavaScript源代码编辑器，它允许开发人员在一个文本区域内编辑源代码文件，主要用于小型文本和轻文本的文本格式、搜索、替换和实时语法高亮显示的开发。

EditArea的特性：

  • 易于集成，只包含有一个脚本和一个函数调用
  • 提供列表支持
  • 可定制的实时语法高亮显示的编辑器
  • 支持自动换行
  • 容易搜索和替换对象。
  • 新行自动缩进
  • 编号线
  • 多语言
  • 支持多个实例
  • 支持PHP gzip压缩
  • 全屏模式
  • 简单的插件集成
  • 提供动态内容管理
5.  Helene



Helene是一个用JavaScript编写的语法高亮显示的文本编辑器，它可以替代文本的web集成开发环境。

6.  MarkItUp ! - 通用的标记编辑器框架



MarkItUp !是一个JavaScript插件， 它允许您将任何文本区域变成一个标记编辑器 。 用户可以很容易用Html、 文本环境、Wiki 语法、Markdown、BBcode甚至他自己的标记系统来实现MarkItUp编辑器。 这是一个非常轻量级的、可定制的和灵活的引擎，满足开发人员在CMS、博客、论坛或网站的需求。

7. 9ne - 在线的语法高亮显示的代码编辑器



9ne是一个在线的源代码编辑器，它支持语法高亮显示和基于Emacs的关键字绑定。

8. Jsvi - 克隆Vi的JavaScript代码编辑器



jsvi是一个基于JavaScript，拥有Vi编辑器所有类似特征的源代码编辑器，包括支持ed/ex的命令、Unicode兼容、实时检查类型拼写错误以及集成host的剪贴板功能。

9. Ymacs – AJAX源代码编辑器



Ymacs是一个与Emacs相似的AJAX源代码编辑器，它支持语法高亮显示和自动缩进的功能。

Ymacs的特性：

  • 包含许多标准的编辑命令，如文本填充、运转命令、换位等
  • 撤销堆栈和剪切环
  • 支持前缀键(但不支持ESC，可以使用ALT)
  • 分割窗口
  • 支持多种缓冲
  • 自动缩进
  • 自动完成
  • 支持modeline行设置和minibuffer
  • 互动搜索
  • 覆盖和标记
  • 编辑模式
10. ecoder



ecoder是一个基于web的，开源的源代码编辑器 。它的实时高光涂色特性允许你在同一时刻直接从web上编辑多个文档。

11. SourceEdit



SourceEdit是一个基于JavaScript源代码编辑器，它允许开发人员在外观和感受如同普通的应用程序的浏览器窗口中编写代码。 支持语法高亮显示、跳格设定、在数据库编辑代码等。

本文翻译自11 Best JavaScript source code editors
  • 大小: 86.7 KB
  • 大小: 62.9 KB
  • 大小: 76.1 KB
  • 大小: 51.9 KB
  • 大小: 41.4 KB
  • 大小: 81.9 KB
  • 大小: 79.7 KB
  • 大小: 103.1 KB
  • 大小: 75 KB
  • 大小: 90.6 KB
  • 大小: 98.5 KB
来自: 慧都控件网
4
顶
0
踩
评论 共 3 条 请登录后发表评论
3 楼 huoquan 2014-08-21 13:43
UI前端框架最新力作！有奖试读！点这里
2 楼 cremains 2014-07-02 09:16
为什么没有webstorm?
1 楼 zssggg 2014-06-26 17:04
找几个免费的试试。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 纯HTML5拓扑图编辑器源代码

    屌爆的纯HTML5拓扑图编辑器源代码，找了很久终于申请到，运行就是这个效果 http://www.hightopo.com/blog/wp-content/uploads/2014/08/Screen-Shot-2014-08-12-at-8.57.11-PM.png 可参考这篇博客 ...

  • JavaScript在线代码编辑器-技术选型

    JS在线代码编辑器，在线代码编辑器选型，怎么实现在线代码编辑器

  • 11款最好的JavaScript源代码编辑器

    源代码编辑器是一个允许你编辑任何编程语言的源代码的文本编辑器。 它可以是一个独立的应用程序，也可以是内置的一个集成开发环境(IDE)。 有一些源代码编辑器能够在程序员编写程序的时候做语法检查，并在第一时间对...

  • 最好的java代码编辑器_推荐 5 款牛逼的代码编辑器

    来源：oschinaoschina.net/news/110987/no-notepad-plus-plus1、Sublime Text (非开源)Sublime Text 是一个轻量、简洁、高效、跨平台的编辑器。Sublime Text的特色功能：良好的扩展功能，官方称之为安装包(Package)...

  • 用JS写在线JavaScript编辑器 - 基于CodeMirror

    JS编辑器-基于CodeMirror

  • 嵌入式工具 | 嵌入式开发常用几款的代码编辑器

    对于软件开发人员，代码编辑器好用与否直接影响代码编辑的效率。软件开发，基本上都有集成开发环境（IDE）工具，且自带编辑器，但IDE自带编辑器多少都存在一些不足。 今天就给大家分享几款优秀且嵌入式工程师常用的...

  • 20款优秀的免费代码编辑器

    GitHub开发的文本编辑器Atom发布了0.177.0版，其中一个引入注目的变化是从Node.js切换到了io.js。io.js是Node.js的分支，Node.js社区发生分裂后由核心开发者在2014年12月创建的，已经发布了v1.1版，目前开发非常活跃...

  • 几款主流好用的markdown编辑器介绍

    Markdown编辑器 　Markdown 其实在 2004 年就有了，不过之前一直很小众，这几年随着相关应用平台的发展，Markdown以其独到的优势迅速火起来了。Markdown编辑器使用一套格式标记语言来对文档内容进行排版和格式显示...

  • 20款优秀的基于浏览器的在线代码编辑器

    20款优秀的基于浏览器的在线代码编辑器 1. Compilr Compilr是一个在线编译器和在线IDE。可以用它来开发PHP, C, C++, Ruby。在浏览器中编译Java, C# 和 VB.net等。马上使用 2. Dabblet 跨浏览器兼容，对前端攻城...

  • 【在线代码编辑器】4个好用且免费的在线代码编辑器

    用于： 创建名为“Pens”的代码片段 专注于 HTML、CSS 和 JavaScript 的代码和展示 2、Codesandbox.io 地址：https://codesandbox.io/ Codesandbox 是一个免费的在线编辑器，用于快速 Web 开发。 这个IDE太强大了。...

  • 十种常用代码编辑器

    1.vs code 微软推出的轻量级代码编译器,是本人使用最多的编译器(主要是好玩的插件多),支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件...

  • vue中使用代码编辑器插件

    "> 添加</el-button> </el-col> </el-row> </div> <script type="text/javascript"> new Vue({ el: '#app', data: { editor: null }, mounted() { this.init() }, methods: { init() { this.editor = CodeMirror....

  • Android平台上最好的几款免费的代码编辑器(转载)

    这里介绍了在Android平台上5款最好的代码编辑器,帮助你作出选择。 使用正确的开发工具能够快速有效地完成源代码的编写和测试，使编程事半功倍。在网络信息高速发展的今天，移动设备的方便快捷已经深入人心，越来越多...

  • Javascript es6 在线编辑器

    ES6 Console - try JavaScript compilers 分享一个es6在线编辑器， 可以在线运行es6代码，切换各种javascript标准。

  • 代码编辑器CodeMirror使用总结-基础用法

    CodeMirror 是一个web端代码编辑器组件，提供了基本的编辑器功能。通过其提供的插件或者第三方依赖，可以实现既定语言的关键词高亮显示、自动完成提示、设定标记、错误提醒等功能。 生成基本编辑器 模式为javascript...

  • javascript常用编辑器推荐

    其实编写javascript不需要特别的编辑器，一个简单的文本编辑器就能编写javascript，比如Notepad++，但是那样效率会很低，而且没有代码检错提示等功能，这样就容易造成一些不必要的烦恼，所以有一个好用的编辑器还是...

  • 编写一个非常简单的 JavaScript 编辑器

    当然，我们已经有可以使用的很好的Web编辑器：你只需下载，并插入页面即可。我以前习惯于使用CodeMirror和ACE。例如，我为CodeMirror写了一个插件来支持PlantUML。然而，这些编辑器有一个问题：它们难以扩展和难以...

  • 15款android设备上的代码编辑器

    如果你希望你的Android设备，如智能手机和平板电脑，在任何时间和任何地方都能够编写代码，那么，不妨看看下面我将介绍的15款Android代码编辑器，它们必将成为你的理想工具。1.Deuter IDE一款基于移动开发的文本编辑...

  • Android平台上最好的几款免费代码编辑器

    这里介绍了在Android平台上5款最好的代码编辑器,帮助你作出选择。 使用正确的开发工具能够快速有效地完成源代码的编写和测试，使编程事半功倍。在网络信息高速发展的今天，移动设备的方便快捷已经深入人心，...

  • go 生成基于 graphql 服务器库.zip

    格奇尔根 首页 > 文件 > gqlgen是什么？gqlgen是一个 Go 库，用于轻松构建 GraphQL 服务器。gqlgen 基于 Schema 优先方法— 您可以使用 GraphQL Schema 定义语言来定义您的 API 。gqlgen 优先考虑类型安全— 您永远不应该看到map[string]interface{}这里。gqlgen 启用 Codegen — 我们生成无聊的部分，以便您可以专注于快速构建您的应用程序。还不太确定如何使用gqlgen？将gqlgen与其他 Go graphql实现进行比较快速启动初始化一个新的 go 模块mkdir examplecd examplego mod init example添加github.com/99designs/gqlgen到项目的 tools.goprintf '//go:build tools\npackage tools\nimport (_ "github.com/99designs/gqlgen"\n _ "github.com/99designs/gqlgen

Global site tag (gtag.js) - Google Analytics