javascript – 使用标签/变量构建textarea

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

我有以下变量：

>回合
>游戏
>胜利
>损失
>玩家
>对手
>评分

在我的应用程序的后端,我全部手动完成.

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插件/脚本我可以用来完成这个？

解决方法

您仍然可以使用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;
}

此外,您还可以使用相同的技术区分变量.之后,一个解析器可以使用regexp或者最适合你的方式解析if / else语句.

有人可以写一些类似的东西

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

方括号表示“标签”.你的解析器然后应该用引号“”作为字符串.