javascript - Rich文本输入框-溢出问题

标签 javascript jquery css syntax-highlighting

我创建了一个富文本输入框,其目的是突出显示匹配或不匹配的括号等。基本上是 () 的简单突出显示。这一切都非常适合我正在做的事情,到目前为止我遇到的唯一问题是当您溢出输入时,底层 html 元素保持不变,这会弄乱东西。

此处的实例:http://jsfiddle.net/Axvgf/

只需在输入中输入一堆字母,您就会看到问题。

如有任何帮助,我们将不胜感激!

提前致谢。

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

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

最佳答案

我不确定这是否能满足您的需求,但我会看一下 this question 的解决方案中引用的元素。关于文本区域中的语法突出显示。其中许多都是开源的,看看其他人如何成功解决问题可能会给您的元素带来一些想法。

关于javascript - Rich文本输入框-溢出问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14021731/

相关文章:

javascript - 如何获得相对于 img 目标元素的 mousedown 偏移量?

javascript - iPad 悬停事件 jQuery

jquery .delegate() 从选择器访问文本

html - 如何使媒体查询包装我的 div?

javascript - 如何使用 jquery 从左到右或从右到左为 2 个 css 布局设置动画?

jquery - 在表单元素中链接 jquery

javascript - 跨浏览器兼容性 HTML5 和 CSS3

php - 如何创建固定表头

javascript - history.pushState错误,我不知道为什么

javascript - 使用 JQuery 检查空格键的最快方法是什么?