Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将表情符号字符串转换为它';写作时的图标是什么?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何将表情符号字符串转换为它';写作时的图标是什么?

Javascript 如何将表情符号字符串转换为它';写作时的图标是什么?,javascript,jquery,html,Javascript,Jquery,Html,我目前正在开发自己的聊天工具。现在我想扩展我的聊天输入,这样当我输入例如:-)时,它会立即变为我没有尝试过这个,但这里有一个大致的想法: 维护一个字典(即JS对象),将所有文本表情映射到实际表情符号的十六进制代码。与最常见的表情符号相对应的十六进制代码如下: 现在,您可以检查输入字符串是否与此映射中的任何内容匹配,然后将相应的HTML十六进制代码呈现给DOM,如: //Just some pseudo code, please change implementation as per your

我目前正在开发自己的聊天工具。现在我想扩展我的聊天输入,这样当我输入例如
:-)
时,它会立即变为我没有尝试过这个,但这里有一个大致的想法:

维护一个字典(即JS对象),将所有文本表情映射到实际表情符号的十六进制代码。与最常见的表情符号相对应的十六进制代码如下:

现在,您可以检查输入字符串是否与此映射中的任何内容匹配,然后将相应的HTML十六进制代码呈现给DOM,如:

//Just some pseudo code, please change implementation as per your need.

if(inputString.includes(':-)')){
                render(emojiMap[':-)']);
         }

这就是我的方法

使用以下类的对象创建数组

class Emoji {
    constructor(emojiSymbol, textCode) {

        this.symbol = symbol; // :-)
        this.textCode = textCode; // &#1F60A
    }
}
我假设用户输入文本时,文本将保存为字符串


关于-->现在我想扩展我的聊天输入,这样当我输入例如:-)时,它应该立即变为@freedomn-m肯定!这是我的聊天和我的输入写一个新的消息,我在谈论。。。目前他还没有做我在这个问题上问的事情,所以我问了这个问题(否则就没有必要了)。好的,那么您提供的代码与这个问题无关,因此,当没有提供代码时,so的标准响应是:到目前为止您尝试了什么?@freedomn-m我想是的,因为这是关于我的聊天和我的contenteditable div(我在聊天时输入的表情符号,例如:-))。目前,我知道如何替换字符串中的某些内容,这将帮助我尽快了解如何侦听div输入并使用图标进行实时替换。如果我有这个,我可以处理我自己的一切,并张贴一个答案。这就是我的实际计划:)。我该怎么办?我很困惑。@Mr.Jo我已经编辑了我的原始回复,请检查
class Emoji {
    constructor(emojiSymbol, textCode) {

        this.symbol = symbol; // :-)
        this.textCode = textCode; // &#1F60A
    }
}