【问题标题】:I want to replace a text to an specific image我想将文本替换为特定图像
【发布时间】:2015-04-07 15:31:26
【问题描述】:

我想在我的网站上创建 emojis,所以无论何时何地 :D 发现用图片替换它

【问题讨论】:

  • 这将需要 JavaScript 或(最好)jQuery。您是否尝试过自己解决此问题或在线搜索?

标签: image text replace


【解决方案1】:

使用可以取穴内容,用php搭配str_replace(':D','', $content);

【讨论】:

    【解决方案2】:

    您可以正确地循环遍历所有符合条件的元素的 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">&nbsp;&nbsp;&nbsp;</div>');
            });
        </script>
    </body>
    

    希望对你有帮助

    【讨论】:

    • 它帮了我很多,但是当有超过 1 个表情符号时,它只替换第一个,顺便说一句,我更改了代码,所以它看起来像这样:
    • 嘿Hamza,标准替换功能只替换第一次出现。这是一篇可能对stackoverflow.com/questions/1967119/…有帮助的文章,希望对您有帮助
    • 我用这个 $body = $row['body']; 解决了它$body = str_replace(":D","",$body);
    猜你喜欢
    • 2016-10-03
    • 1970-01-01
    • 2022-10-04
    • 2013-05-03
    • 2022-11-21
    • 2012-11-27
    • 1970-01-01
    • 2012-02-07
    • 2021-05-27
    相关资源
    最近更新 更多