基于Draftjs实现的Electron富文本聊天输入框(三) —— Emoji

基于Draftjs实现的Electron富文本聊天输入框(三) —— Emoji,第1张

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

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

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

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

一、获取img标签的src属性值

var imgStr = "<p><img src='>

跟一般的表单一样,只是这个表单是textarea,如:

<textarea name='richtext'> </textarea>,在post里面使用$_POST['richtext']取到,然后可以过滤,也可以考虑用js获取后过滤

var arr = aareplace(' ', '')split('\"');

var arrImg = [];

for(var i=0; i<arrlength; i++){

if( arr[i]indexOf('src=') >= 0 ){

arrImgpush(arr[i+1]);

}

}

您好,感谢您对火狐的支持

应该可以直接输入的,不知道您具体是什么原因,最简单的方法是复制到文档中,输入好之后再复制粘贴到代码中。

您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

以上就是关于基于Draftjs实现的Electron富文本聊天输入框(三) —— Emoji全部的内容,包括:基于Draftjs实现的Electron富文本聊天输入框(三) —— Emoji、js正则 获取元素属性值、php获取富文本框内的html等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10149546.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存