为了便于维护,我在CMS中存储了许多HTML块。它们由<textarea>s表示。
有人知道某种JavaScript小部件可以在文本区域或类似区域为HTML做语法高亮显示,同时仍然是纯文本编辑器(没有所见即所见或高级功能)吗?
为了便于维护,我在CMS中存储了许多HTML块。它们由<textarea>s表示。
有人知道某种JavaScript小部件可以在文本区域或类似区域为HTML做语法高亮显示,同时仍然是纯文本编辑器(没有所见即所见或高级功能)吗?
当前回答
我推荐使用EditArea进行语法高亮文本区域的实时编辑。
其他回答
我所知道的唯一具有语法高亮显示和回退到文本区域的编辑器是Mozilla Bespin。谷歌来嵌入Bespin,以了解如何嵌入编辑器。目前我所知道的唯一使用这个功能的网站是alpha Mozilla Jetpack Gallery(在提交Jetpack页面中),你可能想看看他们是如何包含它的。
还有一篇关于嵌入和重用Bespin编辑器的博文可能会对您有所帮助。
你可以突出显示<textarea>中的文本,使用一个<div>小心地放在它后面。
检查突出文本在文本区域。
为什么要将它们表示为文本区域?这是我最喜欢的:
http://alexgorbatchev.com/wiki/SyntaxHighlighter
但如果你使用的是CMS,可能有更好的插件。例如,wordpress有一个进化的版本:
http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/
在常规的文本区域中,不可能实现对表示的所需级别的控制。
如果你觉得没问题,试试CodeMirror或Ace或Monaco(在MS VSCode中使用)。
来自重复的线程-一个强制性的维基百科链接:基于javascript的源代码编辑器的比较
CodePress做到了这一点,EditArea也是如此。两者都是开源的。