js写的聊天对话框打数字为什么会超出，怎么解决？

JavaScript033

js写的聊天对话框打数字为什么会超出，怎么解决？,第1张

对话框里面的内容，如果过多的话，尺寸超过了对话框本身的尺寸，就会超出。

可以设置对话框的overflow属性，提前设定好超出时的显示方式。

比如：overflow: hidden，就是隐藏超出的内容。设置为auto就会出现滚动条。

var input.value = "大坏蛋哦哦草"

var sensitivity = "草|日"//配置脏话

        var sen_arr = sensitivity.split("|")

        for(var i=0 i<sen_arr.length i++){

            input.value = input.value.replace(sen_arr[i],"*")

        }

_emojiMap 为存储emoji id和中文名称映射关系的对象，

onAddEmoji 为添加emoji表情到输入框的方法，根据id返回[name]；改为 getEmojiById 直接返回对于html字符串

通过Modifier的 insertText 方法将emoji文本插入输入框，但到这里效果也和之前一样，只是显示了表情对应的中文，如 [开心] 。

Draftjs提供了修饰器 Decorators 这个概念，根据自定义正则去扫描文本快中的内容，然后根据自定义的样式去渲染，可用来高亮文本等。