【问题标题】:hide some lines using ACE editor使用 ACE 编辑器隐藏一些行
【发布时间】:2013-11-06 19:29:44
【问题描述】:

我想知道使用ace编辑器是否可以隐藏编辑器内容的某些行。

特别是我有兴趣隐藏一些行,例如:

%Some Tag 对于在编辑器中查找特定代码块很有用

例子:

BEGIN My theory


%Block:Function id:tick
Myfunction() {}

END

我一直在使用标签 (%...) 来帮助自己找到 Myfunction() {} ,因为我需要修改代码的特定部分。 因此,我不会向用户显示该行,但我会将其用作标记,以便将其保留在编辑器的内容中。 我不能使用像行数这样的参考,因为它可能会改变。

谢谢

【问题讨论】:

    标签: javascript tags ace-editor


    【解决方案1】:

    你可以使用 addFold

    var Range=require("ace/range").Range;
    editor.session.addFold("", new Range(1,0,2,0))
    

    addFold 的第一个参数是占位符文本,第二个参数是要隐藏的范围

    【讨论】:

    • 谢谢伙计,只是一个问题。你能更好地解释占位符文本的含义吗?
    • 在旧版本的 ace 中,它在折叠小部件中显示文本,现在它仍然将文本放在那里,但它被默认 css 中的箭头图像隐藏
    • 好的,如果我愿意,我可以更改该图像,不是吗?还有..当用户点击箭头图片时,我可以改变默认行为吗?
    • 是的,在github.com/ajaxorg/ace/blob/master/lib/ace/css/…中添加覆盖.ace_fold 规则的css
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多