那里有可嵌入的IDE吗?

时间:2011-02-21 01:41:50

标签: ide editor tinymce

我正在创建一个文件编辑器,并希望为我的用户提供一个很好的IDE,可以在浏览器中编辑他们的html / css文件。是否有任何编辑器与TinyMCE类似,但它不是一个WYSIWYG编辑器,它就像一个迷你IDE,具有代码行编号,语法高亮等等?

3 个答案:

答案 0 :(得分:2)

CodeMirror非常好。还有Ace(以及各种衍生的Web-IDE项目)和Ymacs(基本上是Web的Emacs克隆)。

答案 1 :(得分:1)

所以你想要一些(a)在浏览器中运行的东西,比如内置的textarea,特别是不要求你的用户下载和安装任何软件,以及(b)自动语法高亮和行编号他们编辑的HTML / CSS代码?

以下任何一项都适合您吗? (其中一些可能需要您设置用户键入的textarea和格式化文本显示的单独div标签,类似Stack Overflow系统;其他人让用户直接键入格式化文本。)

文章"9 Useful Javascript Syntax Highlighting Scripts"提及

SyntaxHighlighter是一个开源Java Script客户端代码语法高亮显示器。

SHJS代表Javascript中的语法高亮显示。

beautyOfCode是一个用于语法突出显示的jQuery插件。兼容XHTML。

Chili是一个突出显示插件的jQuery代码语法。支持行号。

Lighter.js是MooTools的免费语法高亮插件。

highlight.js

DlHighlight基于JavaScript的语法高亮引擎。

Google Code Prettify允许语法突出显示的Javascript模块和CSS文件

JUSH -- JavaScript Syntax Highlighter是另一个用于客户端语法突出显示的jQuery语法高亮插件

其他一些人:

“在JavaScript中实现一个语法高亮的JavaScript编辑器” 在codemirror通过ajaxian

jQuery Syntax Highlighter提供了使用Google的Prettify和jQuery的界面。

McHighlight:JavaScript中的syntax-highlighter

jQuery.Syntax是用JavaScript编写的语法高亮显示器。

"StackOverflow: Free Syntax Highlighting editor control in JavaScript"

答案 2 :(得分:0)

web2py(一个全栈Python Web框架)包含一个基于Web的IDE(参见demo)。对于代码编辑,web2py IDE默认使用EditAreademo),如果愿意,可以选择切换到Amy Editordemo)。 Here是EditArea编辑器在web2py IDE中的样子。如果您想了解如何将这些编辑器合并到应用程序中,可以查看web2py“admin”应用程序的source code(即基于Web的IDE),该应用程序包含在web2py发行版中