Web聊天工具的富文本输入框

记录下光标位置后，便可通过调用 insertEmoji() 方法插入 emoji 字符了。

insertEmoji (emoji) {  
  const text = editor.innerHTML  
  // 插入 emoji  
  editor.innerHTML = text.slice(0, cursorPosition) + emoji + text.slice(cursorPosition, text.length)  
  // 光标位置后挪一位，以保证在刚插入的 emoji 后面  
  setCursorPosition(editor, this.cursorPosition + 1)  
  // 更新本地保存的光标位置变量（注意 emoji 占两个字节大小，所以要加1）  
  cursorPosition = getCursorPosition(editor) + 1 //  emoji 占两位  
} 

尾声

（编辑：宁德站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!