我想将文本替换为特定图像

时间:2015-02-07 14:55:11

标签: image text replace

我想在我的网站上创建 emojis ,所以无论如何 :D发现将其替换为图像

2 个答案:

答案 0 :(得分:0)

使用可以获取漏洞内容并使用php与str_replace(':D','',$ content);

答案 1 :(得分:0)

你可以通过元素的innerHTML循环遍历所有符合条件的元素和正则表达式的javascript(甚至可以使用简单的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">&nbsp;&nbsp;&nbsp;</div>');
        });
    </script>
</body>

希望这会有所帮助