Question

我有一个像我这样的文字区域现在我想在onchange上将textarea内容出现在pre中

<textarea id="content" onchange="perview();"></textarea>


function perview() {
var code = $("textarea#content").val();
$('#code-preview').html(code);
}

我觉得每件事都没问题

<pre id="code-preview"></pre>

但是当使用荧光笔时，它不起作用像那样

<pre id="code-preview" class="brush: php;"></pre>

SyntaxHighlighter 版本2.1.364（2009年10月15日）

Answer 1

你试过吗，

function perview() {
   var code = $("textarea#content").val();
    $('#code-preview').html(code);
    SyntaxHighlighter.all() // <--- calling this again...
}

即如果我们使用相同的highligher。如果有效，请尝试不要内联活动..;）干杯......

Answer 2

而不是使用onchange =“”尝试使用

$(document).ready(function(){
     $('textarea#content').change(function(){
          var code = $(this).val();
          $('#code-preview').html(code);
     });
});

您可能还想尝试其他一些内容，例如.change（）的.blur（）instad。

也删除;来自你的班级。应阅读：

<pre id="code-preview" class="brush:php"></pre>

我希望这会有所帮助。

onchange和jQuery val（）和text（）的问题

2 个答案: