Question

我正在尝试创建一个允许用户输入文本的页面，它会自动格式化输入 - 就像在剧本格式中一样（类似于亚马逊的StoryWriter）。

到目前为止，我可以使用“：contains（'example text'）”检查文本，并为其添加/删除类。问题是以下所有p标签都继承了该类。

到目前为止，我的解决方案是使用.next（）删除我添加的类，但这是有限的，因为脚本中可能需要换行符（例如在对话框中），这将删除对话类

$('.content').on('input', function() {
    $("p.input:contains('INT.')").addClass("high").next(".input").removeClass("high");
    $("p.input:contains('EXT.')").addClass("high").next(".input").removeClass("high");
});

我无法得到||在：contains参数中工作，但这是我的问题中最少的。

我有JS fiddle

我已经对此工作了一段时间了，如果我只能更改包含文本的节点（本例中为INT。或EXT。）并且剩下的就可以了，我可以将它应用于脚本的其余部分。

任何帮助将不胜感激，我是stackoverflow的新手，所以谢谢你。

Answer 1

请参阅下面代码中的注释，了解正在发生的事情。

Fiddle Example

<强> JQuery的

full-time.png

在可信任的div中将文本格式化为用户输入

1 个答案: