QQ爹の博客 QQ爹の博客

多说加入颜文字教程

in 代码相关 文章转载请注明来源!


多说颜文字技术来源于香菇:https://github.com/siitakechan/Duoshuo-Kaomoji
本次教程多说css来源于轻梦:https://github.com/chainwon/duoshuo

第一步:将默认引入的多说js改为下文附件中的embed.min.js

ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
改为
ds.src = 'http://域名等/embed.min.js';

第二步:将附件的duoshuo.css里面的css填入多说自定义css中,本地化加载大概也行。

第三步:引入附件中的kaomoji.js文件[注:多说颜文字需要引入jQuery,kaomoji.js需要在jq后面引入]

问题:如果出现排版错乱等问题,尝试切换多说的主题再次尝试。

附件下载:http://pan.baidu.com/s/1miFB0Yc

颜文字表情框点击非表情框的位置消失:在kaomoji.js后面加入下面的代码(只对主评论框有效,回复时无效233)

$(document).click(function (e) {
    var dragel = $(".ywz")[0],
        target = e.target;
    if (dragel !== target && !$.contains(dragel, target)) {
      $('#ymz').prop('class', 'ywz');
$('#biaoqing_box').prop('class', 'biaoqing_box');
    }
});
jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

多说表情
发表新评论
已有 37 条评论
  1. 某宅
    某宅Windows 10谷歌浏览器
    回复

    (/ω\)博主能分享一下你这打字效果吗

    1. 某宅
      某宅Windows 10谷歌浏览器
      回复

      @某宅 啊,非常感谢!

    2. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @某宅 能的,一会发个文章

  2. 某宅
    某宅Windows 10谷歌浏览器
    回复

    (-_-#)自己的多说地址莫名其妙的不能添加了....伤心死

    1. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @某宅 节哀

  3. 轻梦
    轻梦Windows 10谷歌浏览器
    回复

    不是还需要jQuery吗。。

    1. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @轻梦 我英语不好,记不住单词(づ ̄ ³ ̄)づ

    2. 轻梦
      轻梦Windows 10谷歌浏览器
      回复

      @轻梦 (゚Д゚≡゚д゚)!?敢不敢写完整名称

    3. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @轻梦 我写了啊!Σ(  ̄□ ̄||)

  4. 从零开始学运营
    从零开始学运营Windows 10谷歌浏览器
    回复

    学习了

  5. 半夏
    半夏Windows 10谷歌浏览器
    回复

    来看看也不错

  6. 佛山影视广告
    佛山影视广告Windows 10谷歌浏览器
    回复

    哈哈,找一天去试一试

PREVIOUS NEXT
雷姆
拉姆
音乐加载中...
0:00