2012-12-24 56 views
3

我创建了一个富文本输入框,其目的是突出显示匹配或不匹配的圆括号等。基本上简单突出显示()的。这一切对我所做的都非常有用,到目前为止我遇到的唯一问题是当你溢出输入时,底层的html元素保持不变,而这些元素都是混乱的。RICH文本输入框 - 溢出问题

活生生的例子在这里:http://jsfiddle.net/Axvgf/

只要输入一串字母输入,你会看到这个问题。

任何帮助,将不胜感激!

在此先感谢。

编辑:如果我的方法不起作用或有太多缺陷,我接受不同的建议和/或解决方案。

编辑2:我尝试了一种新方法,使用contenteditable,但每次都会遇到一系列与插入符号位置有关的问题。这是我的尝试:http://jsfiddle.net/Axvgf/25/

+0

我不会使用输入。我认为最好是捕获键盘事件并模拟光标的位置。 – Scipion

+0

@Scipion:你的意思是完全忽略输入元素并使用'contenteditable = true'或类似的东西? –

+0

是的,但contenteditable不是最好的解决方案。我想过使用textarea,并改变风格或类似谷歌文档 – Scipion

回答

0

我不确定这是否会满足您的需求,但我会看看this question解决方案中引用的关于textarea中的语法突出显示的项目。他们中的许多人都是开源的,看到别人如何成功解决这个问题可能会为您的项目提供一些想法。