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

Question

我正在使用 Ace Editor（在 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}.

另一种解决方案是使用折叠，但如果允许用户复制整个代码片段并粘贴到另一个地方，则效果会很好。

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