富文本编辑器特性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了富文本编辑器特性相关的知识,希望对你有一定的参考价值。

1.按下回车后,

 
在之后按回车
keydown光标就已经定位到了下一行,keyup的时候光标在新的一行
在之前按回车
keydown光标就已经定位到了上一行,keyup的时候光标还在原先的那一行

点了回车后 keydown什么都没生产这样的  keyup之后才生成
<div>
<br />
</div>
<div>
<br />
</div>

想分别验证keydown  keyup  使用alert就行


之前回车,光标在当前行,之后回车,光标在新行        这和普通的word操作是一样的
 
编辑器默认回车后是
<div>
</br>
</div>


table
    之前回车,在table前加<br/>
    之后回车,在table之后形成文本节点


有内容删除br  <p>content</p>
无内容  <p><br></br>

2.退格
keydown时执行删除,先执行键盘事件默认的删除操作,再执行自定义的操作,可以通过e.preventDefault()阻止默认行为的发生,在keydown里面

以上是关于富文本编辑器特性的主要内容,如果未能解决你的问题,请参考以下文章

Draft.js一个用React实现的富文本编辑器

富文本编辑器怎么用

富文本编辑器中<br/>啥操作

我为啥要做富文本编辑器

富文本编辑器之游戏角色升级ing

有哪些比较轻的富文本编辑器