本文概述
- 5. EditArea
- EditArea特征
- 4. CodeFlask.js
- 3. Monaco Editor
- 2. CodeMirror
- CodeMirror特征
- 1. ACE编辑器
- CodeJar –微代码编辑器
享受我们5个用Java编写的最佳代码编辑器插件的集合。
5. EditArea 例子
文章图片
EditArea是用于源代码的免费JavaScript编辑器。该编辑器旨在编辑文本区域中的源代码文件。主要目标是允许文本格式设置, 搜索和替换以及实时语法突出显示(对于不太沉重的文本)。
EditArea由Christophe Dolivet开发, 当前根据” LGPL” , ” Apache” 和” BSD” 许可(使用你需要的许可)发行, 请阅读许可协议以了解详细信息。
EditArea特征
- 易于集成, 仅包含一个脚本和一个函数调用
- 列表支持(允许编写格式正确的源代码)
- 可自定义的实时语法高亮显示(当前:PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf * ck, 也许还有更多… )
- 自动换行支持
- 搜索并替换(使用regexp)
- 自动缩进新行
- 行编号
- 多语言支持(当前:克罗地亚语, 捷克语, 丹麦语, 荷兰语, 英语, 世界语, 法语, 德语, 意大利语, 日语, 马其顿语, 波兰语, 葡萄牙语, 俄语, 斯洛伐克语, 西班牙语, 可能还有更多… )
- 可能的PHP gzip压缩(将核心文件压缩为一个?25Ko的文件)
- 允许多个实例
- 全屏模式
- 可能的插件集成
- 可能的保存和加载回调函数
- 可能的动态内容管理
- 可以在与” 原型” 和” mootools” 之类的库相同的环境中工作。
- 自动聚焦在页面加载的textarea上。
- 在编辑大文件时可能会很慢(javascript不是一种快速的语言)。
- 只能同时使用语法语言(不能同时突出显示html和php语法)。
文章图片
CodeFlask.js使你可以轻松, 轻松地将代码编辑器放置到你的网页上。这样做是为了创建简单的精简编辑器。只需几行代码, 你就可以在浏览器中使用代码了。如果你需要强大的Web代码编辑器, 则可以检查针对此类目标的项目, 例如CodeMirror。
为了使用CodeFlask.js, 你还需要将Prism.js(用于代码突出显示)导入到项目中。 Prism基本上使用两个文件, 一个.js文件和一个.css文件(你可以在其中设置代码语法的主题)。
3. Monaco Editor Github |例
文章图片
Monaco Editor是支持VS Code的代码编辑器, 它已获得MIT许可, 并支持IE 9/10/11, Edge, Chrome, Firefox, Safari和Opera。移动浏览器或移动Web框架不支持Monaco编辑器。
Monaco Editor具有丰富的IntelliSense, TypeScript, JavaScript, CSS, LESS, SCSS, JSON, HTML的验证。
开箱即用, 摩纳哥有一个有用的并行实时比较实现, 支持所有语言:
文章图片
2. CodeMirror Github
文章图片
CodeMirror是使用JavaScript为浏览器实现的多功能文本编辑器。它专门用于编辑代码, 并具有100多种语言模式以及实现更高级编辑功能的各种插件, 还提供了丰富的编程API和CSS主题系统, 可用于自定义CodeMirror以适合你的应用程序, 并使用新功能对其进行扩展。
CodeMirror特征
- 开箱即用支持超过100种语言
- 强大的可组合语言模式系统
- 自动补全(XML)
- 代码折叠
- 可配置的键绑定
- Vim, Emacs和Sublime Text绑定
- 搜索和替换界面
- 括号和标签匹配
- 支持分割视图
- 棉绒整合
- 混合字体大小和样式
- 各种主题
- 能够调整大小以适合内容
- 内联和阻止小部件
- 可编程天沟
- 设置文本样式, 只读文本或原子文本的范围
- 双向文字支持
文章图片
Ace是Web的高性能代码编辑器, 它是用JavaScript编写的可嵌入代码编辑器。它与Sublime, Vim和TextMate等本机编辑器的功能和性能相匹配。它可以轻松地嵌入任何网页和JavaScript应用程序中。 Ace一直是Cloud9 IDE的主要编辑器, 并且是Mozilla Skywriter(Bespin)项目的后继者。
Ace编辑器的功能:
- 超过110种语言的语法高亮显示(可以导入TextMate / Sublime Text.tmlanguage文件)
- 超过20个主题(可以导入TextMate / Sublime Text .tmtheme文件)
- 自动缩进和缩进
- 可选命令行
- 处理大量文档(似乎限制为四百万行!)
- 完全可自定义的键绑定, 包括vim和Emacs模式
- 搜索并替换为正则表达式
- 突出显示匹配的括号
- 在软标签和真实标签之间切换
- 显示隐藏的字符
- 使用鼠标拖放文本
- 换行
- 代码折叠
- 多个光标和选择
- 实时语法检查器(当前为JavaScript / CoffeeScript / CSS / XQuery)
- 剪切, 复制和粘贴功能
CodeJar –微代码编辑器 Github
文章图片
Codejar是浏览器的可嵌入代码编辑器。该插件功能:
- 轻量级(仅2 kB)
- 保留缩进新行
- 添加右括号, 引号
- 缩进与Tab键对齐
- 支持撤消/重做
推荐阅读
- 20+最佳响应式和开源html电子邮件和新闻通讯模板
- 在rails中创建像app这样的facebook页面
- 如何处理服务器和本机android应用程序之间的时区差异()
- Android - 如何为随机数设置动画()
- 如何将容器blob下载到Azure App Service wwwroot()
- 从VSTS设置App Identity的文件夹权限()
- Azure WebApp上VS持续交付的程序集错误
- Android Worklight应用程序中的启动画面后,黑屏会长时间出现
- android-数据在viewPage中丢失