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

JavaScript024

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

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

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

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

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

具体代码如下:

<html>

<head>

<script type="text/javascript">

function disp_prompt()

{

var name=prompt("请输入您的名字","小贾")

if (name!=null &&name!="")

{

document.write("你好," + name + "!今天过得好吗?")

}

}

</script>

</head>

<body>

<input type="button" onclick="disp_prompt()" value="显示一个提示框" />

</body>

</html>

扩展资料:

prompt() 方法用于显示可提示用户进行输入的对话框。

如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。

在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

参考资料:

HTML DOM prompt() 方法

可以事先写一个输入框,默认是隐藏的,当你单击的时候直接让它显示。

<!-- HTML -->

<div>

    <span onclick='reply()'>回复我!</span>

    <input style='display: none' id='reply' />

</div> // JavaScript

function reply() {

    document.getElementById('reply').style.display = 'block'

}