【问题标题】:RIch text input box - overflowing issue丰富的文本输入框 - 溢出问题
【发布时间】:2012-12-24 12:58:19
【问题描述】:

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

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

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

任何帮助将不胜感激!

提前致谢。

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

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

【问题讨论】:

  • 我不会使用输入。我认为最好是捕获键盘事件并模拟光标的位置。
  • @Scipion:你的意思是完全忽略输入元素并使用contenteditable=true或类似的吗?
  • 是的,但 contenteditable 并不是最好的解决方案。我想使用 textarea 并更改样式或类似 google docs

标签: javascript jquery css syntax-highlighting


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2023-03-28
    • 2023-04-08
    • 1970-01-01
    • 2011-05-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多