div contenteditable 换行问题

yljcqw 2012-05-31 03:13:57

当在设置了contenteditable 的div里，如果不按回车，一直输入，是当一行算的。有什么办法可以让它自动换行吗？就是实际的输出效果跟输入时看到的一样，到达边框就换行。
如果没有内在支持这种功能的话，我想再问一个问题，如何判断光标到达了边框？

...全文

228 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

最近在做一评论功能，需要能够评论表情，那 contentEditable 这个属性就首当其冲了，结果，问题来了… 首先评论区长这样：当输入内容超过限制的时候，清空用户输入超过限制后的内容。这个好说… 但是清空完了内容，光标居然跑到了最前面，这就很头疼了。在经过各种搜索之后，找到了解决办法，不多说，上代码！ var _div = document.querySelector('.discuss_area'); var range = document.createRange(); range.selectNodeContents(_div); range.collapse(

利用JS限制 DIV中输入回车换行可以更改回车的功能比如敲回车输入你好我好大家好之类的

格式化的HTML文本转换成SVG文本源代码。利用contenteditable属性，div标签里的文本将可以编辑。借助execCommand，div标签的字体样式可以动态调整。源代码中包含了计算HTML文本结构、判断换行等功能，生成跟HTML所见一模一样的SVG文本。 yarn install yarn build yarn lint

格式化的HTML文本转换成SVG文本源代码。利用contenteditable属性，div标签里的文本将可以编辑。借助execCommand，div标签的字体样式可以动态调整。源代码中包含了计算HTML文本结构、判断换行等功能，生成跟HTML所见一模一样的SVG文本。

简单版本，可换行，可在线书写，条纹非背景图，可控制行高，主要运用css样式contenteditable、background

87,904

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章