javascript - 使用标签/变量构建文本区域

Question

我正在寻找一种最终用户可以生成关于如何生成最终字符串的“伪代码”的简单方法。我想如果我举个例子会更容易。

我有以下变量:

• 圆形
• 游戏
• 获胜
• 损失
• 播放器
• 对手
• 评级

在我的应用程序后端，我正在手动执行所有这些操作。

echo Player + " is currently playing " + Opponent + ". Round: " + Round + ", Game: " + Game;
if ( Wins > Losses ) {
   echo " (Up a Game)";
} else if ( Wins < Losses ) {
   echo " (Down a game)";
}

我最终想做的是让最终用户控制该字符串的显示方式。我希望他们在需要的地方添加变量，以及添加 if/else 语句。

我仔细看了看 selectize和 select2 ，它们似乎在我正在寻找的东西的正确轨道上，但实际上并不包含我需要的任何 if/else 功能。我过去用过的东西是 Blockly它确实包含 if/else 逻辑，但这对最终用户来说可能有点复杂。有没有人对我可以用来完成此任务的 javascript/jQuery 插件/脚本有任何其他建议？

Answer 1

您仍然可以使用 selectize 并添加一些不错的 css 功能。例如。你可以使用数据值选择器

[data-value="if"] {
    background-color: red;
}

将 if/else 标签与其他标签区分开来。接下来，您可以使用相邻的同级 css 选择器 (http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors) 来查找 if 语句之后的下一个标记，以标记它

[data-value="if"] + div {
    background-color: anything;
}

此外，您还可以使用相同的技术区分变量。稍后，解析器可以使用正则表达式或任何最适合您的方法来解析 if/else 语句。

然后有人可以写类似的东西

[Player][" is currently playing "][Opponent][". Round: "][Round]
[", Game: "][Game][if][Wins>Losses][" (Up a Game)"][else][" (Down a game)"]

其中括号表示“标签”。然后，您的解析器应该将带有引号 ""的标签视为字符串。