【发布时间】:2015-04-07 15:31:26
【问题描述】:
我想在我的网站上创建 emojis,所以无论何时何地 :D 发现用图片替换它
【问题讨论】:
-
这将需要 JavaScript 或(最好)jQuery。您是否尝试过自己解决此问题或在线搜索?
我想在我的网站上创建 emojis,所以无论何时何地 :D 发现用图片替换它
【问题讨论】:
使用可以取穴内容,用php搭配str_replace(':D','', $content);
【讨论】:
您可以正确地循环遍历所有符合条件的元素的 javascript,并通过元素的 innerHTML 进行正则表达式(甚至一个简单的 indexOf 也可以)。然后用你的新元素换掉 html。可以是简单的内嵌图片。
JQuery 可以帮助您遍历元素。这是一个非常粗略的例子,需要清理,但我认为你可以理解发生了什么
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<style>
div.smile {
display:inline;
background: url(http://pix.iemoji.com/sbemojix2/0742.png) no-repeat;
background-size: 16px 16px;
}
</style>
</head>
<body>
<span>hello :D</span>
<div>hello :D</div>
<table>
<tr>
<td>
Hello
</td>
<td>:D</td>
</tr>
</table>
<input type="text" value ="hello :D"/>
<script>
$('div, span, td').each(function(i,e){
if(e.innerHTML.indexOf(':D')>=0)
e.innerHTML = e.innerHTML.replace(':D','<div class="smile"> </div>');
});
</script>
</body>
希望对你有帮助
【讨论】: