【问题标题】:How do you alter editing line of textarea?你如何改变textarea的编辑行?
【发布时间】:2011-04-11 21:04:33
【问题描述】:

是否可以更改用户当前在 textarea 中所在的行,与 textarea 中的任何其他行分开?图片演示:

Click here for the image...

如果可能的话,您介意在http://jsfiddle.net/ 上给我看吗?

提前致谢。

【问题讨论】:

  • 我们不只是要给你一些代码......你有什么尝试?向我们展示您已经拥有或已经想出的东西。
  • 可能没有文本区域。您可能需要更像 WYSIWYG 编辑器的东西,您可以在其中更紧密地使用 JS 控制 HTML。
  • 这应该会有所帮助:stackoverflow.com/questions/401593/…
  • 不,我们无法在 jsfiddle.net 上向您展示,因为该服务器没有响应。或者也许这就是我。
  • 我认为 Squeegy 可能是对的/输入它。 TinyMCE 实现了这一点,例如,通过向您显示图形 HTML 视图,同时在后台实际处理您看不到的文本区域。因此,您正在输入隐藏的文本区域,而您看到的视图是从中生成的。

标签: javascript focus textarea


【解决方案1】:

扩展我的previous 答案之一,并从this answer 借用代码:

Live Demo (v0.2)

已知错误/限制:

  • 仅在 FireFox 3.6.x 中测试
  • 需要 field_selection jQuery 插件(插入符号位置的纯 javascript 代码很痛苦)
  • 匹配与当前行开头相同的行。 (可能可以修复)
  • 如果光标位于完全空白的行上,则它不会淡出anything(可能可以修复)
  • 如果光标位于行尾,它会淡出所有内容(可能可以修复)
  • 触发键盘操作(不是鼠标)(尚未编写此部分代码,可能无法实现)
  • 可以很好地使用鼠标。 (由于 z-index 和焦点)
  • 如果一行只有 1 个字符,则无法正常工作 (我犯了一个愚蠢的错误)

jQuery/JavaScript 并不是我真正擅长的领域,所以如果有人可以提供一些修复以使其更好地工作,我将不胜感激。 :)

【讨论】:

  • 它有效!除了有像你所说的那样的错误。谢谢!
  • @Ninjiangstar:希望我们能尽快修复其中的一些问题。 :)
猜你喜欢
  • 1970-01-01
  • 2018-03-14
  • 2020-02-17
  • 1970-01-01
  • 1970-01-01
  • 2012-10-14
  • 2019-11-27
  • 2011-09-20
  • 1970-01-01
相关资源
最近更新 更多