javascript - 在 jquery.colorfy 之后设置 Textarea 的值

Question

我使用 jquery.colorfy https://github.com/cheunghy/jquery.colorfy更改文本区域中的关键字颜色。

我可以设置值使用 $('#textarea').text("value"); 来改变我的 textarea 值。

问题是:在代码$('#textarea').colorfy("markdown");之后，命令:$('#textarea').text("value"); 死了。

有人能告诉我发生了什么事吗？非常感谢。

Answer 1

像这样尝试:

$(document).ready(function(){
      $('#area').colorfy("markdown");
      $('#area').text("value");//will be hidden you can see by inspecting the html
      $('.area').html("value");// will be visible to you
    });

注意:我从示例中看到的是它将 display:none 设置为 textarea 但 创建了一个与文本区域类相同的 div 并应用它自己的这些的CSS。

  $(document).ready(function(){
      $('#area').colorfy("markdown");
         $("#click").click(function(){
	          $('.area').html("value");// will be visible to you
             });
    });

.area {
       float: auto;
       margin-left: auto;
       margin-right: auto;
       width: 200px;
       max-width: 200px;
       height: 200px;
       border-color: black;
       border-width: 2px;
       border-style: solid;
       padding: 8px;
       font-size: 15px;
       text-align: left;
     }

  <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="http://cheunghy.github.io/jquery.colorfy/jquery.colorfy.js"></script>
    <script type="text/javascript" src="http://cheunghy.github.io/jquery.colorfy/jquery.colorfy.markdown.js"></script>
   <textarea id="area" class="area">
    hi
     </textarea>
<button id="click">click!</button>