Question

我想为我的网站制作一个编码区域，我需要让它有颜色编码（语法高亮），而我谷歌这么难，但我仍然找不到合适的答案，这里是我的代码现在。我正在使用Jquery

HTML：

<textarea class="CodeArea codingground">

  <div class="HelloMate">

  </div>

</textarea>

JS：

$(function(){

$('.CodeArea.codingground').on('input',function(){
  var code = $(this).val();

  if (code.indexOf('class')>=0) {
    $( "textarea:contains('class')" ).css( "color", "red" );
  }

});

});

Answer 1

textarea无法做到这一点。

您可以将<code>标记与contenteditable属性结合使用。一些Javascript，你会得到你想要的东西，即使你应该考虑使用类似的东西。

var text = jQuery('code').text();
text = text.replace('class', '<span style="color: red">class</span>');
jQuery('code').html(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<code contenteditable="true">
    class Blubb() {

    }
</code>

检查textarea或输入有一些特殊的词需要

1 个答案: