登录

javascript - 如何把字符在前端转成QQ表情?

就是前端输出一段诸如/:8-)之类的代码,
然后在前端把字符转成相应的QQ表情,请问有大神知道怎么样可以实现吗?

# JavaScript
巴扎黑巴扎黑2147 天前399 次浏览

全部回复(3) 我要回复

  • PHPzhong

    PHPzhong2017-04-10 15:46:40

    既然是 代码表情,那么肯定会有一个代码与表情(图片地址)的映射吧!

    $array = array(
        '/:8-' => '<img src="//m.sbmmt.com/m/path/to/face-1.jpg" />',
        '/:9-' => '<img src="/path/to/face-2.jpg" />',
        '/:10-' => '<img src="/path/to/face-3.jpg" />',
    );
    
    $comment = '你好啊 /:8-,你在哪里呢/:10-?';
    
    echo strtr($comment, $array);
    

    结果:

    你好啊 <img src="//m.sbmmt.com/m/path/to/face-1.jpg" />,你在哪里呢 <img src="/path/to/face-3.jpg" />?

    回复
    0
  • 阿神

    阿神2017-04-10 15:46:40

    正则或者字符串替换替换成img图片地址。。。

    回复
    0
  • 迷茫

    迷茫2017-04-10 15:46:40

    function replace_em(str){

    str = str.replace(/\</g,'&lt;');
    str = str.replace(/\>/g,'&gt;');
    str = str.replace(/\n/g,'<br/>');
    str = str.replace(/\[em_([0-9]*)\]/g,'<img src="face/$1.gif" border="0" style="width:20px; height:20px;" />');
    
    str = str.replace(/\[img_([\d\D]*)\]/g,'<img src="upload/$1" border="0" style="width:20px; height:20px;" /><a href="upload/$1" target="_blank"></a>');
    
    return str;

    }

    回复
    0
  • 取消回复发送