在ace编辑器中插入伪装的文本

Question

我正在使用Ace编辑器（在React-Ace中）来允许在我的平台上插入编程片段。

我现在想做的一件事情，但是伪装了一下，这样我才不会暴露一些内部信息。

例如，我想附加$[internal_flow_vars\["0f912efd-a2ab-46be-b908-0a6201486a0d\"].passageCount]，但我不想显示uuid，我只想显示${passageCount}

文本看起来像（用户看到的）

Hello its my ${passageCount} turn

但是随后生成的脚本将需要（机器看到）

Hello its my $[internal_flow_vars\["0f912efd-a2ab-46be-b908-0a6201486a0d\"].passageCount] turn

谢谢您的时间

Answer 1

这取决于您要允许用户进行哪些编辑交互。

最简单的解决方案也将为用户提供最大的自由度，即保留在文本中恢复uid所需的所有信息，例如通过在编辑器外部保持从uid到短数字的映射，并向用户显示类似${passageCount,5}。

另一种解决方案是使用折叠，但是如果允许用户复制整个代码段并将其粘贴到另一个位置，则该折叠可以很好地工作。

第三个解决方案是使用突出显示模式不显示部分文本，但用户仍然可以复制它们。