如何使用ACE编辑器突出显示代码?
-
27-10-2019 - |
题
我想用语法突出显示十几个小的代码段,然后通过单击它们使它们可使用ACE Editor编辑,因为我认为这比为每个代码设置完整的编辑器要快得多。我看到有一个设置ACE编辑器的简单命令: 通用标签
是否有一种简单的方法可以调用API来突出显示文本而无需设置编辑器?理想的API将接受一些文本并返回带有可用于突出显示的标签的HTML。我知道有专门用于JavaScript的突出显示库,但我想尝试对显示的文本和正在编辑的文本使用相同的突出显示。
解决方案
荧光笔的服务器端版本(在node.js中运行)可用,它很容易移植到基于Web的javascript中。
其他提示
突出显示该单词: 通用标签
删除突出显示的单词: 通用标签
突出显示该行: 通用标签
首先,您需要将行号声明为全局变量。 通用标签
这是HighlightError函数,它将行号(lineNumber
)作为其参数。可能是从错误消息触发,也可能是使用editor.selection.getCursor().row
来获取当前行或其他内容。
通用标签
请注意,我已经声明了errorHighlight
,这将是突出显示的方式。在您的CSS中放置以下内容:
通用标签
此功能取消突出显示已经显示的行 通用标签
一个想法: 通用标签
此函数应在给定文本中突出显示SQL语法(ace-明天主题),而无需加载整个编辑器,也无需装订线。
不隶属于 StackOverflow