javascript - Jquery 实时替换文本不起作用

Question

这是我的js。

$('.wysiwyg').live('keyup',function(){

     wysiwyg_val = $(this).val();

    wysiwyg_val = wysiwyg_val
    .replace(/\n/g, "<br />")
    .replace(/\n\n+/g, '<br /><br />')
    .replace("{code}","<pre><code>")
    .replace("{/code}","</code></pre>")
    .replace("{img}",'<img src="http://localhost/CI_DEVBASE/img/logo.png" width="150" height="50"')
    .replace("{/img}",'/>');

    $('.wysiwyg-preview').html(wysiwyg_val);


  });

html 是。

<textarea class="wysiwyg"></textarea>
<div class="wysiwyg-preview"></div>

如果我在文本区域内仅放置 1 个 {code}{/code}，则此代码有效，但如果我放置 2 个 {code}{/code} {code}{/code } 它仅替换第一个，我如何将此函数应用于 wysiwyg_val 内的所有文本？

Answer 1

g 应该用于global 替换。另外，我还使用 \ 来转义特殊字符，例如 {、/ 等。这是为您修正的代码:

wysiwyg_val = wysiwyg_val
    .replace(/\n/g, "<br />")
    .replace(/\n\n+/g, '<br /><br />')
    .replace(/\{code\}/g,"<pre><code>")
    .replace(/\{\/code\}/g,"</code></pre>")
    .replace(/\{img\}/g,'<img src="http://localhost/CI_DEVBASE/img/logo.png" width="150" height="50"')
    .replace(/\{\/img\}/g,'/>');