原文地址：https://www.ryongyon.com/add-more-text-to-comment-system.html

给多说评论系统增加颜文字

前言

厌倦了评论表情？想来点不一样？你看对文章了，本篇文章将教大家如何轻轻松松给多少评论框增加颜文字的功能，突然有一个想把这个功能用在Typecho评论系统的想法。过段时间在研究吧……多说颜文字技术来源于香菇：很神奇的传送门；本次教程多说 css 来源于轻梦：很神奇的传送门

步骤

第一步：附件下载：很神奇的传送门（备用下载地址：很神奇的传送门）

第二步：将默认引入的多说 js 改为附件中的 embed.min.js（可以储存到网站根目录之类的地方）

JavaScript

ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';

修改为

JavaScript

ds.src = 'https://域名等/embed.min.js';

第三步：将附件的 duoshuo.css 里面的 css 填入多说自定义 css 中，（本地化加载大概也行，自行尝试）

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

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

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

JavaScript

$(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');}
});

演示效果

演示效果

给多说评论系统增加颜文字相关推荐

1.5功能播报:搜狐畅言社会化评论系统智能应用
作国国内首家支持硬件虚拟化的CMS产品,Zoomla!逐浪CMS不仅集成了Hyper-V硬件支持,还与包括搜狐在内的国内一线技术团队建立了合作,集成了全新的搜狐畅言插件. 早在今年1月的首届搜狐年会上 ...
为使用matery主题的hexo增加Valine评论系统
为使用matery主题的hexo增加Valine评论系统序言环境准备配置评论系统管理评论增强Valine系统更换Valine的版本更换表情本文参考matery主题+Valine评论系统 ...
iOS10.3 的评论系统
作者 xuyafei86 关注 2017.03.30 12:39* 字数 428 阅读 265评论 4喜欢 11 iOS10.3 对 App 的评论系统进行了较大的升级.主要在三个方面. 支持 App ...
如何实现一个楼中楼的评论系统
文章内容由蚊子的博客进行发布,或许你想看看他其他的博客呢: https://www.xiabingbao.com/comments/2017/09/01/blog-comments.html 1. 实 ...
Hexo NexT 评论系统 Valine 的使用
文章目录评论系统 Valine 的使用 1 Valine 的介绍 2 Valine 的使用 3 Valine 的配置 4 Valine 的优化 4.1 去除 Valine的 Powered By 4 ...
Hexo接入码云评论系统
简介 giteement系统是基于gitment的源码开发和扩展的.目前实现以下功能: 1. 基于码云的issues来进行评论的,所以需要有码云账号. 2. 实现了类似码云issues的回复功能,评论 ...
Hexo yilia 主题添加来必力评论系统
1. 主题配置添加来必力修改 hexo 博客目录的 theme/yilia 中的 _config.yml 文件,增加如下配置: # livere 来必力.将 false 改为自己的uid则启用该评论 ...
天天刷 B 站，了解他们的评论系统是如何设计的吗？
今天给大家分享 B 站的评论系统的组件化.平台化建设通过持续演进架构设计,管理不断上升的系统复杂度,从而更好地满足各类用户的需求. 基础功能模块评论的基础功能模块是相对稳定的. 1. 发布评论: ...
hexo添加valine评论系统 (yilia主题)
hexo-yilia添加valine评论系统配置步骤一.创建应用二.yilia下的配置文件三.到此整个评论系统创建完成啦,看一下结果!如果遇到一些问题还可以参见[yilia增加valine]( ...
美国Disqus、国内JiaThis、友言、评论啦、搜狐畅言评论系统(第三方评论系统)
1.[友言 http://www.uyan.cc/getcode]友言是2011年下半年出现的一个社会化评论服务,用户可以选择用自己的微博.SNS帐号发表自己对内容的评论,这些评论内容在各个社交网 ...

给多说评论系统增加颜文字

给多说评论系统增加颜文字

给多说评论系统增加颜文字相关推荐

最新文章

热门文章