我想为我的博客添加情感。当我在帖子上写“:)”时,它应该自动变成图像。但我不知道该怎么做。
真正的问题是,我不知道如何识别所有“:)”情绪。如果我这样做,我可以做其余的事情。那么,有人可以帮助我吗?
答案 0 :(得分:1)
尝试查看:contains()选择器。
$(".article:containts(':)')")
之后,您可以将文本存储在变量中,对其进行操作(查找和替换),将文本替换为图像,然后使用新操作的html覆盖元素的html。
答案 1 :(得分:0)
试试google:https://os.alfajango.com/css-emoticons/
从未使用它,但看起来不错。
答案 2 :(得分:0)
我搜索了你的查询,发现了一些有用的库。请在下面找到链接:
答案 3 :(得分:0)
您可以使用jquery选择器选择所有包含':)'的元素,然后尝试剪切它并用一些情感图标替换它。
$('p:contains(\':)\')')
答案 4 :(得分:0)
假设这段代码:
<div id="post_1" class="post">
Nice to meet you :) Bye bye!
</div>
您可以使用.indexOf()和.replace()合并来替换表情符号。
var contentReplaced = $("#post_1").html().toString().replace(":)", "<img src='path_to_image' />");
$("#post_1").html(contentReplaced);