功能描述
目前客户端支持的 Bangumi 表情应该是写死的,于是会出现无法渲染网页端支持的表情的情况(见图片示例),考虑让表情库支持动态更新
实现思路
现在时间胶囊页应该是通过抓取网页并解析 HTML 来显示内容的。注意到网页内容本身就附带了其支持的表情,可以利用其更新本地客户端表情库
具体而言,主页输入框的表情选择栏即是其支持的表情库,#markItUpSayInput > div > div.markItUpHeader > ul > li > ul 元素就是表情列表,其大部分 li 子元素都是表情(当然里面还混了点标题什么的)。其中确实是表情的项,class 的第三个值都是类似于 bgm_tv_smile_41 的形式,css/dist/editor.min.css 中可以找到其对应的图片 URL(如下示例),且子元素 a 里的文本就是表情名。
其中一个 li 元素:
<li class="markItUpButton markItUpButton1-25 bgm_tv_smile_41">
<a href="" title="(bgm41)">(bgm41)</a>
</li>
其在 css/dist/editor.min.css 中对应的图片 URL:
.markItUp .bgm_tv_smile_41 a {
background-image: url(/img/smiles/tv/18.gif)
}
图片示例

功能描述
目前客户端支持的 Bangumi 表情应该是写死的,于是会出现无法渲染网页端支持的表情的情况(见图片示例),考虑让表情库支持动态更新
实现思路
现在时间胶囊页应该是通过抓取网页并解析 HTML 来显示内容的。注意到网页内容本身就附带了其支持的表情,可以利用其更新本地客户端表情库
具体而言,主页输入框的表情选择栏即是其支持的表情库,
#markItUpSayInput > div > div.markItUpHeader > ul > li > ul元素就是表情列表,其大部分li子元素都是表情(当然里面还混了点标题什么的)。其中确实是表情的项,class 的第三个值都是类似于bgm_tv_smile_41的形式,css/dist/editor.min.css中可以找到其对应的图片 URL(如下示例),且子元素a里的文本就是表情名。其中一个
li元素:其在
css/dist/editor.min.css中对应的图片 URL:图片示例