可以即时进行语法高亮显示的Textarea吗?

2020/10/16 02:21 · javascript ·  · 0评论

由于易于维护,我在CMS内存储了许多HTML块。它们以<textarea>s表示

是否有人知道某种JavaScript Widget可以在HTMLtextarea或类似语言中对HTML进行语法高亮显示,同时仍然保留纯文本编辑器(没有WYSIWYG或高级功能)?

无法在常规文本区域中实现所需的呈现控制级别。

如果可以,请尝试CodeMirrorAce (以前是skywriterbespinMonaco(在MS VSCode中使用)。

在重复的线程中-强制性的Wikipedia链接:http : //en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors

这是程序员的类似问题在线代码编辑器)的回答

首先,您可以看一下这篇文章:
Wikipedia ―基于JavaScript的源代码编辑器的比较

要了解更多信息,以下是一些符合您要求的工具:

  • EditArea -演示为FileEditor谁是Yii的扩展- (Apache软件许可证,BSD,LGPL

    这是EditArea,一个免费的Javascript源代码JavaScript编辑器。它允许编写带有行号,标签支持,搜索和替换(使用regexp)以及实时语法突出显示(可自定义)的格式正确的源代码。

  • CodePressJoomla演示!CodePress插件―(LGPL)―在Chrome中不起作用,并且看来开发已经停止。

    CodePress是基于Web的源代码编辑器,具有以JavaScript编写的语法突出显示功能,可在浏览器中键入文本时实时为文本着色。

  • CodeMirror -其中许多演示- (MIT式许可证+可选的商业支持

    CodeMirror是一个JavaScript库,可用于为类似代码的内容(计算机程序,HTML标记等)创建相对令人满意的编辑器界面。如果已针对您要编辑的语言编写了模式,则代码将带有颜色,并且编辑器可以选择帮助您缩进

  • Ace Ajax.org Cloud9 Editor演示―(Mozilla tri-license(MPL / GPL / LGPL)

    Ace是用JavaScript编写的独立代码编辑器。我们的目标是创建一个基于Web的代码编辑器,以匹配并扩展现有本机编辑器(如TextMate,Vim或Eclipse)的功能,可用性和性能。它可以轻松地嵌入任何网页和JavaScript应用程序中。Ace是Cloud9 IDE的主要编辑器,也是Mozilla Skywriter(Bespin)项目的后继者。

CodePress这样做,一样EditArea两者都是开源的。

我建议使用EditArea实时编辑语法突出显示的文本区域。

更新: Bespin现在是ACE,在这里获得最高评分的答案提到了ACE。请改用ACE。

一定要和Mozilla的Bespin一起去它是使用HTML5功能构建的(因此速度很快,但不支持旧版浏览器),但使用起来绝对令人赞叹,并且击败了我所遇到的一切-可能是因为Mozilla支持它,所以他们开发了Firefox。 ..还有一个jQuery插件,其中包含一个扩展,使其可以更轻松地与jQuery一起使用。

您可以后面加一个小心放置的高亮显示文本<textarea><div>

签出Textarea内的高亮文本

我所知道的唯一具有语法高亮显示并回退到文本区域的编辑器是Mozilla BespinGoogle到处嵌入Bespin,以了解如何嵌入编辑器。我知道的唯一现在使用该网站的站点是Alpha Mozilla Jetpack Gallery(在提交Jetpack页面中),您可能想看看它们是如何包含它的。

还有一篇有关嵌入和重新使用Bespin编辑器博客文章,可能会对您有所帮助。

为什么将它们表示为文本区域?这是我最喜欢的:

http://alexgorbatchev.com/wiki/SyntaxHighlighter

但是,如果您使用的是CMS,则可能有更好的插件。例如,wordpress有一个经过改进的版本:

http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/

本文地址:http://javascript.askforanswer.com/keyijishijinxingyufagaoliangxianshidetextareama.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!