ACE 编辑器显示空白答案

【问题标题】：ACE Editor to show white spacesACE 编辑器显示空白
【发布时间】：2014-02-04 07:12:16
【问题描述】：

我在 HTML 上使用 ACE 编辑器，我在其中设计了一种自定义模式来突出显示我的网站上的语法，我认为语法识别和突出显示一切似乎都很好，我无法找到一种方法来显示空格和制表符空格就像在崇高的文本中一样。

在搜索时我发现我们可以使用

getNextLineIndent(state, line, tab) { }

作为计数器来检查每个新行中的事件。

除了这个解决方案，还有什么默认或简单的选项吗？

【问题讨论】：

标签： javascript html editor ace-editor

【解决方案1】：

使用：editor.setOption("showInvisibles", true)

【讨论】：

【解决方案2】：

editor.setShowInvisibles(true);

【讨论】：

【解决方案3】：

终于明白了！

可以通过以下步骤显示空格（就像在崇高文本中一样）：

打开ace.js
搜索“隐形”一词

在第 14499 行，替换为以下代码

 this.showInvisibles = true;
 this.setShowInvisibles = function(showInvisibles) 
 {
      if (this.showInvisibles == showInvisibles)
      return true;
      this.showInvisibles = showInvisibles;
      this.$computeTabString();
      return true;
};

保存并刷新您的浏览器，所有空格都会显示出来。
您也可以类似地切换其他可用选项。

【讨论】：

我不建议编辑插件，因为有一种内置方法可以设置 showInvisibles 选项，正如其他答案所提到的那样。