在DIV中显示光标

Question

我正在尝试在网上制作一个花哨的编辑器，我需要给用户一个直接在DIV / SPAN /其他元素中键入内容的印象。

我可以通过将键盘路由到隐藏文本框来捕获击键，是的，但我想知道如何在正确的位置显示光标以完成幻觉。

有任何想法吗？

Answer 1

我相信大多数浏览器内的富文本编辑器都是通过使用contentEditable属性来实现的（我认为每个浏览器都有不同的名称），所以它让系统处理它。 这是一个更清洁的解决方案，因为所有本机命令和快捷方式（ctrl + left，双击以选择单词等）的工作方式与他们期望的完全相同，您无需执行任何操作。

如果有一个非常好的理由你想用另一种方式去，我想你可以通过使用动画gif来捏造它，并且每次按键都可以移动它。 除非他们使用等宽字体，否则找到放置光标的位置将很困难......

Answer 2

#editor {cursor:text;}

（认为​​它是“文本”你想要的光标）