ACE编辑器显示空白区域

Question

我在HTML上使用ACE编辑器，我在我的网站上设计了一个自定义模式用于突出显示语法，认为语法识别和突出显示一切都很好，我无法找到显示白色空格的方法标签空间就像在崇高文本中一样。

在搜索时我知道我们可以使用

getNextLineIndent(state, line, tab) { }

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

除了这个解决方案之外还有任何默认或简单选项吗？

Answer 1

使用editor.setOption（“showInvisibles”，true）

Answer 2

editor.setShowInvisibles(true);

Answer 3

终于搞清楚了！

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

1. 打开ace.js
2. 搜索“Invisibles”一词
在第14499行

3. ，替换为以下代码

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

4. 保存并刷新浏览器，将显示所有空格。
5. 您也可以类似地切换其他可用选项。