artitalk
Version:
基于leancloud实现的静态页面可实时发布说说/微语的js
596 lines • 165 kB
JavaScript
'use strict'
const atVersion = "3.3.4";
if (typeof (appID) !== 'undefined') {
let update = confirm(" 3.x版本更新需要修改一下配置，深感抱歉，但是为了更好的体验不得不这样。\n 如果不想更换，可以继续使用2.4.2版本，这也是比较成熟的版本了，但是以后不会再维护。更换详情请点击确定前往文档查看");
if (update == true) {
location.href = 'https://artitalk.js.org/release.html'
}
}
//emoji init
const atEmojiQQ = {
qq_aini: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/aini.gif",
qq_aixin: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/aixin.gif",
qq_aoman: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/aoman.gif",
qq_baiyan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/baiyan.gif",
qq_bangbangtang: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/bangbangtang.gif",
qq_baojin: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/baojin.gif",
qq_baoquan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/baoquan.gif",
qq_bishi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/bishi.gif",
qq_bizui: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/bizui.gif",
qq_cahan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/cahan.gif",
qq_caidao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/caidao.gif",
qq_chi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/chi.gif",
qq_ciya: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/ciya.gif",
qq_dabing: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/dabing.gif",
qq_daku: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/daku.gif",
qq_dan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/dan.gif",
qq_deyi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/deyi.gif",
qq_doge: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/doge.gif",
qq_fadai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/fadai.gif",
qq_fanu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/fanu.gif",
qq_fendou: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/fendou.gif",
qq_ganga: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/ganga.gif",
qq_gouyin: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/gouyin.gif",
qq_guzhang: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/guzhang.gif",
qq_haixiu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/haixiu.gif",
qq_hanxiao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/hanxiao.gif",
qq_haobang: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/haobang.gif",
qq_haqian: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/haqian.gif",
qq_hecai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/hecai.gif",
qq_hexie: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/hexie.gif",
qq_huaixiao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/huaixiao.gif",
qq_jie: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/jie.gif",
qq_jingkong: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/jingkong.gif",
qq_jingxi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/jingxi.gif",
qq_jingya: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/jingya.gif",
qq_juhua: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/juhua.gif",
qq_keai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/keai.gif",
qq_kelian: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/kelian.gif",
qq_koubi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/koubi.gif",
qq_ku: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/ku.gif",
qq_kuaikule: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/kuaikule.gif",
qq_kulou: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/kulou.gif",
qq_kun: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/kun.gif",
qq_lanqiu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/lanqiu.gif",
qq_leiben: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/leiben.gif",
qq_lenghan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/lenghan.gif",
qq_liuhan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/liuhan.gif",
qq_liulei: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/liulei.gif",
qq_nanguo: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/nanguo.gif",
qq_OK: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/OK.gif",
qq_penxue: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/penxue.gif",
qq_piezui: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/piezui.gif",
qq_pijiu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/pijiu.gif",
qq_qiang: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/qiang.gif",
qq_qiaoda: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/qiaoda.gif",
qq_qinqin: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/qinqin.gif",
qq_qiudale: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/qiudale.gif",
qq_quantou: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/quantou.gif",
qq_saorao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/saorao.gif",
qq_se: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/se.gif",
qq_shengli: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/shengli.gif",
qq_shouqiang: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/shouqiang.gif",
qq_shuai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/shuai.gif",
qq_shui: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/shui.gif",
qq_tiaopi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/tiaopi.gif",
qq_touxiao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/touxiao.gif",
qq_tu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/tu.gif",
qq_tuosai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/tuosai.gif",
qq_weiqu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/weiqu.gif",
qq_weixiao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/weixiao.gif",
qq_woshou: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/woshou.gif",
qq_wozuimei: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/wozuimei.gif",
qq_wunai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/wunai.gif",
qq_xia: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xia.gif",
qq_xiaojiujie: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xiaojiujie.gif",
qq_xiaoku: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xiaoku.gif",
qq_xiaoyanger: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xiaoyanger.gif",
qq_xieyanxiao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xieyanxiao.gif",
qq_xigua: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xigua.gif",
qq_xu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xu.gif",
qq_yangtuo: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/yangtuo.gif",
qq_yinxian: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/yinxian.gif",
qq_yiwen: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/yiwen.gif",
qq_youhengheng: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/youhengheng.gif",
qq_youling: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/youling.gif",
qq_yun: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/yun.gif",
qq_zaijian: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zaijian.gif",
qq_zhayanjian: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zhayanjian.gif",
qq_zhemo: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zhemo.gif",
qq_zhouma: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zhouma.gif",
qq_zhuakuang: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zhuakuang.gif",
qq_zuohengheng: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zuohengheng.gif"
}
const atEmojiTB = {
OK: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/OK.png",
what: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/what.png",
不高兴: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/不高兴.png",
乖: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/乖.png",
你懂的: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/你懂的.png",
便便: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/便便.png",
勉强: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/勉强.png",
吐: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/吐.png",
吐舌: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/吐舌.png",
呀咩爹: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/呀咩爹.png",
呵呵: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/呵呵.png",
哈哈: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/哈哈.png",
啊: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/啊.png",
喷: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/喷.png",
大拇指: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/大拇指.png",
太开心: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/太开心.png",
太阳: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/太阳.png",
委屈: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/委屈.png",
小乖: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/小乖.png",
小红脸: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/小红脸.png",
彩虹: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/彩虹.png",
心碎: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/心碎.png",
怒: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/怒.png",
惊哭: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/惊哭.png",
惊讶: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/惊讶.png",
懒得理: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/懒得理.png",
手纸: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/手纸.png",
挖鼻: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/挖鼻.png",
捂嘴笑: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/捂嘴笑.png",
星星月亮: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/星星月亮.png",
汗: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/汗.png",
沙发: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/沙发.png",
泪: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/泪.png",
滑稽: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/滑稽.png",
灯泡: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/灯泡.png",
爱心: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/爱心.png",
犀利: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/犀利.png",
狂汗: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/狂汗.png",
玫瑰: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/玫瑰.png",
疑问: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/疑问.png",
真棒: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/真棒.png",
睡觉: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/睡觉.png",
礼物: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/礼物.png",
笑尿: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/笑尿.png",
笑眼: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/笑眼.png",
红领巾: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/红领巾.png",
胜利: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/胜利.png",
花心: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/花心.png",
茶杯: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/茶杯.png",
药丸: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/药丸.png",
蛋糕: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/蛋糕.png",
蜡烛: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/蜡烛.png",
鄙视: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/鄙视.png",
酷: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/酷.png",
酸爽: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/酸爽.png",
钱币: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/钱币.png",
阴险: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/阴险.png",
音乐: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/音乐.png",
香蕉: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/香蕉.png",
黑线: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/黑线.png"
}
const atEmojiBB = {
baiyan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/baiyan.png",
bishi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/bishi.png",
bizui: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/bizui.png",
chan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/chan.png",
daku: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/daku.png",
dalao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/dalao.png",
dalian: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/dalian.png",
dianzan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/dianzan.png",
doge: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/doge.png",
facai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/facai.png",
fadai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/fadai.png",
fanu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/fanu.png",
ganga: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/ganga.png",
guilian: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/guilian.png",
guzhang: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/guzhang.png",
haixiu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/haixiu.png",
heirenwenhao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/heirenwenhao.png",
huaixiao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/huaixiao.png",
jingxia: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/jingxia.png",
keai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/keai.png",
koubi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/koubi.png",
kun2: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/kun2.png",
lengmo: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/lengmo.png",
liubixue: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/liubixue.png",
liuhan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/liuhan.png",
liulei: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/liulei.png",
mudengkoudai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/mudengkoudai.png",
nanguo: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/nanguo.png",
outu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/outu.png",
qinqin: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/qinqin.png",
se: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/se.png",
shengbing: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/shengbing.png",
shengqi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/shengqi.png",
shuizhao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/shuizhao.png",
sikao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/sikao.png",
tiaokan: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/tiaokan.png",
tiaopi: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/tiaopi.png",
touxiao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/touxiao.png",
tuxue: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/tuxue.png",
weiqu: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/weiqu.png",
wunai: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/wunai.png",
xiaoku: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xiaoku.png",
xieyanxiao: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/xieyanxiao.png",
yiwen: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/yiwen.png",
yun: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/yun.png",
zaijian: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zaijian.png",
zhoumei: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zhoumei.png",
zhuakuang: "https://fastly.jsdelivr.net/gh/Artitalk/Artitalk-emoji/zhuakuang.png"
}
var atEmojiQ = "";
var atEmojiT = "";
var atEmojiB = "";
for (let key in atEmojiQQ) {
atEmojiQ = atEmojiQ + "<img alt='[" + key + "]' title='" + key + "' onclick='insertEmoji(\"[" + key + "]\")' class='atemoji gallery-group-img' src='" + atEmojiQQ[key] + "'/>";
}
for (let key in atEmojiTB) {
atEmojiT = atEmojiT + "<img alt='[" + key + "]' title='" + key + "' onclick='insertEmoji(\"[" + key + "]\")' class='atemoji gallery-group-img' src='" + atEmojiTB[key] + "'/>";
}
for (let key in atEmojiBB) {
atEmojiB = atEmojiB + "<img alt='[" + key + "]' title='" + key + "' onclick='insertEmoji(\"[" + key + "]\")' class='atemoji gallery-group-img' src='" + atEmojiBB[key] + "'/>";
}
function Logout() {
AV.User.logOut();
location.reload();
}
function insertEmoji(str) {
let now = document.getElementById('neirong');
let nowlength = now.value.length;
now.focus();
if (typeof (document.selection) !== "undefined") {
document.selection.createRange().text = str;
} else {
now.value = now.value.substr(0, now.selectionStart) + str + now.value.substring(now.selectionStart, nowlength);
}
preview();
}
function preview() {
let clickPre = document.getElementById('clickForPreview');
clickPre.click();
}
function Artitalk(options) {
return new atEvery(options);
}
function atEvery(option) {
let root = this;
root.init(option);
return root;
}
atEvery.prototype.init = function (option) {
let root = this;
root['config'] = option;
console.log(window.AV);
if (!window.AV) {
let avMin = document.createElement("script");
avMin.setAttribute("type", "text/javascript");
avMin.src = "https://unpkg.com/leancloud-storage@4.10.0/dist/av-min.js";
document.body.appendChild(avMin);
if (window.ActiveXObject || "ActiveXObject" in window) { //判断是否是ie
if (avMin.readyState) { //判断是否支持readyState
avMin.onreadystatechange = function () {
if (this.readyState == "loaded" || this.readyState == "complete") {
// console.log("ie10及以下加载完成");
!!option && root._init();
return root;
}
}
} else {
avMin.onload = function () {
// console.log("ie11及Edge加载完成");
!!option && root._init();
return root;
}
}
} else { //不是ie
avMin.onload = function () {
// console.log('非ie浏览器加载完成');
!!option && root._init();
return root;
}
}
} else {
!!option && root._init();
return root;
}
}
atEvery.prototype._init = function () {
let root = this;
let {
appId,
appKey,
lang,
pageSize,
atEmoji,
bgImg,
motion,
cssUrl,
shuoPla,
avatarPla,
serverURL,
color1,
color2,
color3,
blackAndWhiteTheme,
onLogin,
onShuoPublished,
onCommentsPublished,
} = root.config;
lang = typeof (lang) === "undefined" || lang === '' ? 'zh' : lang;
bgImg = typeof (bgImg) === "undefined" || bgImg === '' ? 'https://fastly.jsdelivr.net/gh/drew233/cdn/20200409110727.webp' : bgImg;
switch (lang) {
case 'zh':
var text0 = "由";
var text00 = "发表";
var text1 = "加载更多...";
var text2 = "预览";
var text3 = "发布";
var text4 = "已登录";
var text5 = "确定";
var text6 = "退出登录";
var text7 = "用户";
var text8 = "密码";
var text9 = "登录";
var text10 = "取消";
var text11 = "发布说说";
var text12 = "添加图片，视频，音乐";
var text14 = "(上传失败，若非网络原因，请联系Artitalk开发人员)";
var text15 = "请先登录";
var text16 = "内容不能为空";
var text17 = "登陆失败，请检查用户名及密码是否正确";
var text18 = "头像url";
var text19 = "确定删除本条说说吗？";
var text20 = "删除成功";
var text21 = "请拖拽图片到此处";
var text22 = "表情";
var text23 = "删除";
var text24 = "如果你看到这条说说，恭喜你已经配置成功并且可以正常使用了。当你发布一个说说之后，我将会自动消失。快去探索Artitalk吧<br>欢迎加入Artitalk的QQ交流群：1104585229<br>觉得本项目不错的话可以推荐给你的好友或者去GitHub点一个star，感谢支持";
var text25 = "上传中";
var text26 = "图片";
var text27 = "音乐";
var text28 = "视频";
var text29 = "添加";
var text30 = "上传的图片最大支持5M，请压缩后或换一个继续上传";
var text31 = "上传的音乐最大支持10M，请压缩后或换一个继续上传";
var text32 = "上传的视频最大支持30M，请压缩后或换一个继续上传";
var text33 = "图片格式错误，请不要上传其他类型的文件";
var text34 = "音频格式错误，请不要上传其他类型的文件";
var text35 = "视频格式错误，请不要上传其他类型的文件";
var textup = "上传ing";
var loadingTxT = "加载中";
var text36 = "用户名不能为空";
var text37 = "密码不能为空";
var text38 = "请在下方输入框进行修改然后点击保存即可";
var text39 = "保存";
var text40 = "评论";
var text41 = "邮箱";
var text42 = "昵称";
var text43 = "用户名与密码不匹配";
var text44 = "登陆失败，常见错误有<br><li>网络错误</li><li>域名不在leancloud的域名白名单中被限制登录</li><li>当前页面使用了其他leancloud应用导致登录到了其他应用所以失败</li>";
var text45 = "未找到此用户";
var text46 = "尝试错误密码次数过多，请稍后再试";
break;
case 'en':
var text0 = "Published by";
var text00 = "";
var text1 = "load more...";
var text2 = "Preview";
var text3 = "Publish";
var text4 = "logged";
var text5 = "Ok";
var text6 = "Sign out";
var text7 = "Username";
var text8 = "Password";
var text9 = "Log in";
var text10 = "Cancel";
var text11 = "Post talk";
var text12 = "Add pictures, videos, music";
var text14 = "(Upload failed, if not for network reasons, please contact Artitalk developers)";
var text15 = "Please log in first";
var text16 = "Content can not be blank";
var text17 = "Login failed, please check if the username and password are correct";
var text18 = "Avatar url";
var text19 = "Are you sure you want to devare this article?";
var text20 = "Successfully devared";
var text21 = "Please drag and drop pictures here";
var text22 = "emoji";
var text23 = "Devare";
var text24 = "If you see this, congratulations, you have successfully configured and can be used normally. When you post one shuoshuo, I will disappear automatically. Quickly explore Artitalk.<br>Welcome to Artitalk’s QQ group: 1104585229<br>If you think this project is good, you can recommend it to your friends or go to GitHub to order a star.";
var text25 = "uploading";
var text26 = "image";
var text27 = "music";
var text28 = "video";
var text29 = "Add";
var text30 = "The uploaded image supports a maximum of 5M, please compress or change another one to continue uploading";
var text31 = "The uploaded music supports a maximum of 10M, please compress or change another one to continue uploading";
var text32 = "The uploaded video supports a maximum of 30M, please compress or change another one to continue uploading";
var text33 = "Picture format error, please do not upload other types of files";
var text34 = "The audio format is wrong, please do not upload other types of files";
var text35 = "Video format error, please do not upload other types of files";
var textup = "Uploading";
var loadingTxT = "Loading";
var text36 = "Username can not be empty";
var text37 = "Password can not be empty";
var text38 = "Please modify it in the input box below and click save";
var text39 = "save";
var text40 = "comments";
var text41 = "Mailbox";
var text42 = "Nickname";
var text43 = "The username and password mismatch.";
var text44 = "Request has been terminated Possible causes: the network is offline, Origin is not allowed by Access-Control-Allow-Origin, the page is being unloaded, etc.c";
var text45 = "Could not find user.";
var text46 = "You have entered incorrect passwords for too many times. Please try later or reset your password.";
break;
case 'es':
var text0 = "Publicado por";
var text00 = "";
var text1 = "Carga más...";
var text2 = "Avance";
var text3 = "Lanzamiento";
var text4 = "Registrado";
var text5 = "Determinar";
var text6 = "Desconectar";
var text7 = "Usuario";
var text8 = "Contraseña";
var text9 = "Iniciar sesión";
var text10 = "Cancelar";
var text11 = "Publicar charla";
var text12 = "Agrega fotos, videos, música";
var text14 = "(Carga fallida, si no es por razones de red, comuníquese con los desarrolladores de Artitalk)";
var text15 = "Por favor ingresa primero";
var text16 = "El contenido no puede estar en blanco";
var text17 = "Error de inicio de sesión, compruebe si el nombre de usuario y la contraseña son correctos";
var text18 = "URL del avatar";
var text19 = "¿Estás seguro de que deseas eliminar este artículo?";
var text20 = "Eliminado con éxito";
var text21 = "Arrastra y suelta fotos aquí";
var text22 = "expresión";
var text23 = "Eliminar";
var text24 = "Si ve este artículo, felicidades, se ha configurado correctamente y se puede usar normalmente. Cuando publiques un comentario, desapareceré automáticamente. Explore rápidamente Artitalk. <br> Bienvenido al grupo QQ de Artitalk: 1104585229 <br> Si cree que este proyecto es bueno, puede recomendarlo a sus amigos o ir a GitHub para pedir una estrella, gracias por su apoyo.";
var text25 = "cargando";
var text26 = "imagen";
var text27 = "música";
var text28 = "vídeo";
var text29 = "Añadir";
var text30 = "La imagen cargada admite un máximo de 5 M, comprima o cambie otra para continuar cargando";
var text31 = "La música cargada admite un máximo de 10 M, comprime o cambia otra para continuar cargando";
var text32 = "El video subido admite un máximo de 30 M, comprima o cambie otro para continuar subiendo";
var text33 = "Error de formato de imagen, no suba otros tipos de archivos";
var text34 = "El formato de audio es incorrecto, no suba otros tipos de archivos";
var text35 = "Error de formato de video, no suba otros tipos de archivos";
var textup = "Cargando";
var loadingTxT = "Cargando";
var text36 = "El nombre de usuario no puede estar vacío";
var text37 = "la contraseña no puede estar en blanco";
var text38 = "Por favor, introduzca las modificaciones en el cuadro de abajo y haga clic en guardar";
var text39 = "guardar";
var text40 = "comentarios";
var text41 = "Buzón";
var text42 = "Apodo";
var text43 = "El nombre de usuario y la contraseña no coinciden.";
var text44 = "La solicitud ha sido cancelada Posibles causas: la red está fuera de línea, Access-Control-Allow-Origin no permite Origin, la página se está descargando, etc.c";
var text45 = "No se pudo encontrar el usuario.";
var text46 = "Ha introducido contraseñas incorrectas demasiadas veces. Inténtelo más tarde o restablezca su contraseña.";
break;
}
let atEmojiDefault = "";
for (let key in atEmoji) {
atEmojiDefault = atEmojiDefault + "<img alt='[" + key + "]' title='" + key + "' onclick='insertEmoji(\"[" + key + "]\")' class='atemoji gallery-group-img' src='" + atEmoji[key] + "'/>";
}
shuoPla = typeof (shuoPla) === "undefined" ? '' : shuoPla;
avatarPla = typeof (avatarPla) === "undefined" ? '' : avatarPla;
color1 = typeof (color1) === "undefined" || color1 === '' ? "RGBA(255, 125, 73, 0.75)" : color1;
color2 = typeof (color2) === "undefined" || color2 === '' ? "#9BCD9B" : color2;
color3 = typeof (color3) === "undefined" || color3 === '' ? "white" : color3;
pageSize = typeof (pageSize) === "undefined" ? '5' : pageSize;
blackAndWhiteTheme = typeof (blackAndWhiteTheme) === "undefined" || blackAndWhiteTheme === '' ? false : blackAndWhiteTheme;
onLogin = typeof (onLogin) === "function" ? onLogin : function () { };
onShuoPublished = typeof (onShuoPublished) === "function" ? onShuoPublished : function () { };
onCommentsPublished = typeof (onCommentsPublished) === "function" ? onCommentsPublished : function () { };
let apiUrl = "";
try {
if (serverURL !== '') {
AV.init({
appId: appId,
appKey: appKey,
serverURL: serverURL,
});
} else {
AV.init({
appId: appId,
appKey: appKey,
});
}
}
catch (error) {
let err = error.toString();
console.error(err);
if (err.indexOf('appId is not defined') != -1) {
console.log("appId没找到");
} else if (err.indexOf('appKey is not defined') != -1) {
console.log("appKey没找到");
}
}
//emoji translate
function translate(beforTran) {
if (typeof beforTran === 'undefined') return;
for (let key in atEmojiQQ) {
let keyAt = '[' + key + ']';
let emojiAt = "<img class='atemoji gallery-group-img' src='" + atEmojiQQ[key] + "'/>";
while (beforTran.indexOf(keyAt) != -1) {
beforTran = beforTran.replace(keyAt, emojiAt);
}
}
for (let key in atEmojiTB) {
let keyAt = '[' + key + ']';
let emojiAt = "<img class='atemoji gallery-group-img' src='" + atEmojiTB[key] + "'/>";
while (beforTran.indexOf(keyAt) != -1) {
beforTran = beforTran.replace(keyAt, emojiAt);
}
}
for (let key in atEmojiBB) {
let keyAt = '[' + key + ']';
let emojiAt = "<img class='atemoji gallery-group-img' src='" + atEmojiBB[key] + "'/>";
while (beforTran.indexOf(keyAt) != -1) {
beforTran = beforTran.replace(keyAt, emojiAt);
}
}
// console.log(atEmoji);
for (let key in atEmoji) {
let keyAt = '[' + key + ']';
let emojiAt = "<img class='atemoji gallery-group-img' src='" + atEmoji[key] + "'/>";
while (beforTran.indexOf(keyAt) != -1) {
beforTran = beforTran.replace(keyAt, emojiAt);
}
}
return beforTran;
}
//In & Out
function fadeIn(id) {
if (!document.getElementById(id)) return;
let nowEle = document.getElementById(id);
nowEle.style.display = '';
}
function fadeOut(id) {
if (!document.getElementById(id)) return;
let nowEle = document.getElementById(id);
nowEle.style.display = 'none';
}
function Show() {
fadeIn('shade');
fadeIn('shuoshuo-modal');
}
function Hide() {
fadeOut('shade');
fadeOut('shuoshuo-modal');
}
//Insert css
let atCss = "";
// If the black and white theme is enabled while the cssUrl is not defined, its style will be loaded after
// the default atStyle, which makes it possible to preserve original settings.
// If the black and white theme is enabled yet the cssUrl is set, its style will be loaded before
// the customized style, ensuring the user defined style will be accepted.
const blackAndWhiteStyle = `#artitalk_main{margin-top:5vh}#artitalk_main .cbp_tmtimeline>li .cbp_tmlabel{font-size:large;font-weight:400;color:#3d3d3d;background:#fff!important;box-shadow:0 1px 12px rgb(0 0 0 / 30%);border-radius:12px}#artitalk_main p.shuoshuo_time{font-size:small;border-top:1px dashed}p.shuoshuo_time span:first-child{font-size:medium}p.shuoshuo_time span:nth-child(3)>span>span{vertical-align:inherit;color:#3d3d3d!important}#artitalk_main .cbp_tmtimeline>li .cbp_tmlabel:after,#artitalk_main span.cbp_tmlabel>p:nth-child(4){display:none}#artitalk_main span.cbp_tmlabel>p{margin-bottom:5px}#artitalk_main .delete_right{right:2rem}#artitalk_main .shuoshuo_author_img img{border:none;box-shadow:0 0 6px rgb(0 0 0 / 30%)}#artitalk_main svg{width:1.5rem;height:1.5rem}#artitalk_main svg>path{fill:#3d3d3d}#artitalk_main .shuoshuo_text{background-image:url(https://leolovedairy.life/images/kanwo.png)!important;background-repeat:no-repeat;background-size:contain;color:#3d3d3d;box-shadow:0 0 12px rgb(0 0 0 / 30%);border:none;font-size:large;border-radius:12px}#artitalk_main .shuoshuo_inputs{color:#3d3d3d;box-shadow:0 0 12px rgb(0 0 0 / 30%);border:none;font-size:medium;border-radius:8px}#artitalk_main .at_button,#operare_artitalk .at_button{background-color:#fff;border:none;color:#3d3d3d;font-size:medium;font-weight:500;border-radius:8px;outline:0;box-shadow:0 0 8px rgb(0 0 0 / 30%)}#artitalk_main .at_button:hover,#operare_artitalk .at_button:hover{background-color:#fff}#artitalk_main .shuoshuo_emoji{border:none;padding:1rem;border-radius:12px 12px 0 0;box-shadow:0 -2px 4px rgb(0 0 0 / 30%);margin-top:2rem}#artitalk_main div#shuoshuo_emojiswitch{border:none;box-shadow:0 0 4px rgb(0 0 0 / 30%);border-radius:0 0 12px 12px}#artitalk_main .shuoshuo_emoji_part{font-size:medium;border-radius:inherit}#artitalk_main .shuoshuo_emoji_part:hover{background-color:#3d3d3daa}#artitalk_main .zuiliangdezai{background-color:#3d3d3d}#artitalk_main .shuoshuo_row{margin-top:2rem}#artitalk_main #preview{font-size:large;margin:2rem 0;padding:1rem 2rem;border-radius:12px;box-shadow:0 0 16px rgb(0 0 0 / 30%)}#artitalk_main .power a{font-size:1.5rem;font-weight:500;color:#3d3d3d;margin-left:.5rem}#artitalk_main .power>div{margin:0 .5rem;width:4rem;height:4rem;padding:8px;background-size:80%;background-repeat:no-repeat;background-position:center}#artitalk_main .power>div>svg{opacity:0}#pubComment,#pubShuo{background-image:url("https://leolovedairy.life/images/icon_write.svg")}#switchUser{background-image:url("https://leolovedairy.life/images/icon_smile.svg")}#uploadSource{background-image:url("https://leolovedairy.life/images/icon_upload.svg")}#operare_artitalk .c2{opacity:1}`;
if (!document.getElementById('add-Artitalk_Style')) {
if (cssUrl === "" || typeof (cssUrl) === "undefined") {
atCss = "div#artitalk_main { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } #artitalk_main .shuoshuo_row { width: 100%; margin-top: 10px; display: flex; } #artitalk_main .artitalk_child { width: 100%; } #artitalk_main #shuoshuo_content { padding: 10px; /* min-height: 500px; */ } #artitalk_main body.theme-dark .cbp_tmtimeline::before { background: RGBA(255, 255, 255, 0.06); } #artitalk_main ul.cbp_tmtimeline { padding: 0; } #artitalk_main .cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; display: inline; position: relative; } #artitalk_main .cbp_tmtimeline>li .cbp_tmtime { display: block; /* width: 29%; */ /* padding-right: 110px; */ max-width: 70px; position: absolute; } #artitalk_main .cbp_tmtimeline>li .cbp_tmtime span { display: block; text-align: right; } #artitalk_main .cbp_tmtimeline>li .cbp_tmtime span:first-child { font-size: 0.9em; color: #bdd0db; } #artitalk_main .cbp_tmtimeline>li .cbp_tmtime span:last-child { font-size: 1.2em; color: #9bcd9b; } #artitalk_main .cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child { color: RGBA(255, 125, 73, 0.75); } #artitalk_main div.cbp_tmlabel>p { margin-bottom: 0; } #artitalk_main div class.cdp_tmlabel>li .cbp_tmlabel { margin-bottom: 0; } #artitalk_main .cbp_tmtimeline>li .cbp_tmlabel { margin: 0 0 45px 65px; z-index: 1; background: " + color2 + "; color: " + color3 + " ; padding: 0.8em 1.2em 0.4em 1.2em; /* font-size: 1.2em; */ font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; transition: all 0.3s ease 0s; box-shadow: 0 1px 2px rgba(0,0,0,0.15); display: block; } #artitalk_main .cbp_tmlabel:hover { /* transform: scale(1.05); */ transform: translateY(-3px); z-index: 1; box-shadow: 0 15px 32px rgba(0,0,0,0.15) ; } #artitalk_main .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel { background: " + color1 + "; } #artitalk_main .cbp_tmtimeline>li .cbp_tmlabel:after { right: 100%; border: solid transparent; z-index: -1; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: " + color2 + "; border-width: 10px; top: 4px; } #artitalk_main .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after { border-right-color: " + color1 + "; } #artitalk_main p.shuoshuo_time { margin-top: 10px; border-top: 1px dashed #fff; padding-top: 5px; font-size: 12px; } @media screen and (max-width: 65.375em) { #artitalk_main .cbp_tmtimeline>li .cbp_tmtime span:last-child { font-size: 1.2em; } } #artitalk_main .shuoshuo_author_img img { border: 1px solid #ddd; padding: 2px; float: left; border-radius: 64px; transition: all 1s; } #artitalk_main .artitalk_avatar { border-radius: 100% ; -moz-border-radius: 100% ; box-shadow: inset 0 -1px 0 3333sf; -webkit-box-shadow: inset 0 -1px 0 3333sf; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; } #artitalk_main .artitalk_avatar:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } #artitalk_main .shuoshuo_text { width: 100%; height: 130px; padding: 8px 16px; background-repeat: no-repeat; background-position: right; transition: all 0.35s ease-in-out 0s; outline-style: none; border: 1px solid #ccc; border-radius: 6px; resize: none; background-color: transparent; color: #999; } #artitalk_main .shuoshuo_inputs { outline-style: none; border: 1px solid #ccc; padding: 8px 16px; width: 40%; font-size: 12px; background-color: transparent; color: #999; } #operare_artitalk .at_button, #artitalk_main .at_button { background-color: " + color1 + "; /* Green */ border: none; margin-left: 5px; color: " + color3 + "; padding: 8px 16px; text-align: center; text-decoration: none; height: auto; line-height: 20px; display: inline-block; font-size: 12px; border-radius: 12px; /* circle */ outline: none; cursor: pointer; } #operare_artitalk .at_button:hover, #artitalk_main .at_button:hover { background-color: " + color2 + "; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24), 0 8px 16px 0 rgba(0,0,0,0.19); } #artitalk_main #article-container ul p { margin: 0 0 1rem; } #artitalk_main .power { text-align: right; color: #999; margin-top: 10px; font-size: 0.75em; padding: 0.5em 0; } #artitalk_main .power a { font-size: 0.75em; position: relative; cursor: pointer; color: #1abc9c; text-decoration: none; display: inline-block; } #artitalk_main .shuoshuo_row .col.col-80 { width: 80%; float: left; } #artitalk_main .shuoshuo_row .col.col-20 { width: 20%; float: right; text-align: right; } #artitalk_main #preview { width: 100%; float: left; margin: 0.5rem 0 0; padding: 7px; box-shadow: 0 0 1px #f0f0f0; } #artitalk_main #lazy { background: #fff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } #artitalk_main .preloader { position: absolute; margin-left: -55px; margin-top: -100px; height: 110px; width: 110px; left: 50%; top: 50%; } #artitalk_main .preloader>svg>g>path { stroke: #9ea1a4; stroke-width: 0.25; } #artitalk_main .preloader>svg>path { stroke: #9ea1a4; stroke-width: 0.25; } #artitalk_main #cloud { position: relative; z-index: 2; } #artitalk_main #cloud path { fill: #efefef; } #artitalk_main #sun { margin-left: -10px; margin-top: 6px; opacity: 0; width: 60px; height: 60px; position: absolute; left: 45px; top: 15px; z-index: 1; animation-name: rotate; animation-duration: 16000ms; animation-iteration-count: infinite; animation-timing-function: linear; } #artitalk_main #sun path { stroke-width: 0.18; fill: #9ea1a4; } #artitalk_main .rain { position: absolute; width: 70px; height: 70px; margin-top: -32px; margin-left: 19px; } #artitalk_main .drop { opacity: 1; background: #9ea1a4; display: block; float: left; width: 3px; height: 10px; margin-left: 4px; border-radius: 0px 0px 6px 6px; animation-name: drop; animation-duration: 350ms; animation-iteration-count: infinite; } #artitalk_main .drop:nth-child(1) { animation-delay: -130ms; } #artitalk_main .drop:nth-child(2) { animation-delay: -240ms; } #artitalk_main .drop:nth-child(3) { animation-delay: -390ms; } #artitalk_main .drop:nth-child(4) { animation-delay: -525ms; } #artitalk_main .drop:nth-child(5) { animation-delay: -640ms; } #artitalk_main .drop:nth-child(6) { animation-delay: -790ms; } #artitalk_main .drop:nth-child(7) { animation-delay: -900ms; } #artitalk_main .drop:nth-child(8) { animation-delay: -1050ms; } #artitalk_main .drop:nth-child(9) { animation-delay: -1130ms; } #artitalk_main .drop:nth-child(10) { animation-delay: -1300ms; } #artitalk_main .artitalk_loading_text { font-family: Helvetica, \" Helvetica Neue \", sans-serif; letter-spacing: 1px; text-align: center; margin-left: -43px; font-weight: bold; margin-top: 20px; font-size: 11px; color: #a0a0a0; width: 200px; } #artitalk_main .shuoshuoimg { cursor: pointer; transition: all 1s; z-index: 2; } #artitalk_main .shuoshuoimg:hover { transform: scale(3.5); } #artitalk_main .hide, #operare_artitalk .hide { display: none; } #operare_artitalk .c1 { position: fixed; top: 0; bottom: 0; left: 0;right: 0; background: rgba(0,0,0,0.5); z-index: 2; } #operare_artitalk .c2 { background-color: #fff; position: fixed; width: 400px; height: auto; top: 50%; left: 50%; z-index: 3; margin-top: -150px; margin-left: -200px; box-shadow: 0 15px 35px rgba(50,50,93,0.1), 0 5px 15px rgba(0,0,0,0.07); opacity: 0.85; border: 0; border-radius: 10px; } #operare_artitalk .shuoshuo_input_log { outline-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 6px; padding: 8px 16px; font-size: 12px; background-color: transparent; color: #999; } #artitalk_main .delete_right { cursor: pointer; width: 12px; height: 12px; position: absolute; right: 12px; } #artitalk_main svg { display: inline; } #artitalk_main .cbp_tmlabel>p, #artitalk_main h1, #artitalk_main h2, #artitalk_main h3, #artitalk_main h4, #artitalk_main h5, #artitalk_main h6, #artitalk_main em { word-wrap: break-word; word-break: break-all; } #artitalk_main .shuoshuo_emoji { border: 1px solid #ccc; border-radius: 6px 6px 0 0; height: 120px; overflow: auto; margin-top: 10px; border-bottom: none; } #artitalk_main .atemoji { max-height: 28px; width: 28px; display: inline; vertical-align: middle; } #artitalk_main .shuoshuo_emoji>.atemoji { cursor: pointer; margin: 0 0 0 10px; display: inline; } #artitalk_main i>.atemoji { cursor: pointer; margin: 0 0 0 10px; } #artitalk_main .shuoshuo_emoji>a { display: inline; } #artitalk_main #preview>p>.atemoji { display: inline; } #artitalk_main .shuoshuo_emoji>.atemoji:hover { transform: scale(1.5); } #artitalk_main div#shuoshuo_emojiswitch { height: 40px; width: auto; border-radius: 0 0 6px 6px; border-collapse: collapse; border: 1px solid #ccc; border-top: none; } #artitalk_main .shuoshuo_emoji_part { width: 25%; cursor: pointer; align-content: center; text-align: center; line-height: 40px; } #artitalk_main .shuoshuo_emoji_part:hover { background-color: #ccc; color: #fff; } #artitalk_main .zuiliangdezai { background-color: #ccc; color: #fff; } #artitalk_main .pingjun { display: flex; } #artitalk_main #article-container img { margin: 0 0 0 0; } #artitalk_main .preview_now { display: none; } #artitalk_main div#loading_txt { font-size: 20px; } #artitalk_main audio { display: block; width: 100%; outline: none; opacity: 0.8; } #artitalk_main video { z-index: 0; }p.shuoshuo_time>span>a:hover {color: red;}p.shuoshuo_time>span>a {color: black;text-decoration: none;} #artitalk_main textarea#neirong:focus { background-position-y: 150px; transition: all 0.35s ease-in-out 0s; } #artitalk_main img.atemoji { max-height: 28px; width: 28px; display: inline; vertical-align: middle; } #artitalk_main span.cbp_tmlabel>p { overflow: unset; } #artitalk_main ul#maina>li { list-style: none; } #artitalk_main div#artitalk_main { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } #artitalk_main .c2>center>p { margin-top: 10px; margin-bottom: 10px; } @-moz-keyframes rotate { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @-webkit-keyframes rotate { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @-o-keyframes rotate { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes rotate { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @-moz-keyframes drop { 50% { height: 45px; opacity: 0; } 51% { opacity: 0; } 100% { height: 1px; opacity: 0; } } @-webkit-keyframes drop { 50% { height: 45px; opacity: 0; } 51% { opacity: 0; } 100% { height: 1px; opacity: 0; } } @-o-keyframes drop { 50% { height: 45px; opacity: 0; } 51% { opacity: 0; } 100% { height: 1px; opacity: 0; } } @keyframes drop { 50% { height: 45px; opacity: 0; } 51% { opacity: 0; } 100% { height: 1px; opacity: 0; } }";
let atStyle = document.createElement("style");
atStyle.type = "text/css";
atStyle.innerHTML = atCss;
atStyle.id = "add-Artitalk-Style";
document.head.appendChild(atStyle);
if (blackAndWhiteTheme) {
let blackAndWhiteStyleElement = document.createElement("style");
blackAndWhiteStyleElement.innerHTML = blackAndWhiteStyle;
document.head.appendChild(blackAndWhiteStyleElement);
}
} else {
if (blackAndWhiteTheme) {
let blackAndWhiteStyleElement = document.createElement("style");
blackAndWhiteStyleElement.innerHTML = blackAndWhiteStyle;
document.head.appendChild(blackAndWhiteStyleElement);
}
let atStyle = document.createElement('link');
atStyle.rel = 'stylesheet';
atStyle.href = cssUrl;
atStyle.id = "add-Artitalk-Style";
document.head.appendChild(atStyle);
}
}
//Insert html part
var atHtml = "<div id='artitalk_part1'><div id=\"shuoshuo_content\"><div id=\"ccontent\"></div><div id='readButton' style=''><center><button id=\"readmore\" class=\"at_button\" style=\"margin-bottom: 15px;display: none\">" + text1 + "</button></center></div></div><div id=\"shuoshuo_input\" class=\"shuoshuo_active\" style=\"display: none;\"><div id=\"shuoshuo_edit\"><textarea class=\"shuoshuo_text\" oninput=\"preview()\" id=\"neirong\" placeholder=\"" + shuoPla + "\"style=\"background-image: url(" + bgImg + ");z-index: 0\"></textarea><span id=\"drag_area\" class=\"z-index: -1;\"></span></div><div id=\"shuoshuo_parttwo\" class=\"shuoshuo_parttwo\"><div id=\"shuoshuo_emoji_Tieba\" class=\"shuoshuo_emoji\" style='display: none'></div><div id=\"shuoshuo_emoji_BiliBili\" class=\"shuoshuo_emoji\" style='display: none'></div><div id=\"shuoshuo_emoji_QQ\" class=\"shuoshuo_emoji\" style='display: none'></div><div id=\"shuoshuo_emoji_custom\" class=\"shuoshuo_emoji\" style='display: none'></div><div id=\"shuoshuo_emojiswitch\" class=\"shuoshuo_emojiswitch\" style='display: none'><div id=\"switch_1\" class=\"shuoshuo_emoji_part zuiliangdezai\">Tieba</div><div id=\"switch_2\" class=\"shuoshuo_emoji_part\">BiliBili</div><div id=\"switch_3\" class=\"shuoshuo_emoji_part\">QQ</div><div id=\"switch_4\" class=\"shuoshuo_emoji_part\">Custom</div></div><div id=\"preview\" class=\"preview_now\"></div></div><div class=\"shuoshuo_sub