我正在创建一个文件编辑器,并希望为我的用户提供一个很好的IDE,可以在浏览器中编辑他们的html / css文件。是否有任何编辑器与TinyMCE类似,但它不是一个WYSIWYG编辑器,它就像一个迷你IDE,具有代码行编号,语法高亮等等?
答案 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的免费语法高亮插件。
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默认使用EditArea(demo),如果愿意,可以选择切换到Amy Editor(demo)。 Here是EditArea编辑器在web2py IDE中的样子。如果您想了解如何将这些编辑器合并到应用程序中,可以查看web2py“admin”应用程序的source code(即基于Web的IDE),该应用程序包含在web2py发行版中