設置jquery.colorfy後的Textarea的值

Question

我使用jquery.colorfy https://github.com/cheunghy/jquery.colorfy來更改textarea中的關鍵詞顏色。

我可以設置值使用$('#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 
    }); 

注：我從看到的例子是它設置顯示：無到textarea的，但creates a div with the same class which is the class of text area，並將其應用於對這些自己的CSS。

$(document).ready(function(){ 
 
     $('#area').colorfy("markdown"); 
 
     $("#click").click(function(){ 
 
\t   $('.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>

Answer 2

先做操作上的textarea文字應用colorfy之前或者張貼與span施加管理它與class

增加你寫$('#textarea').colorfy("markdown");後適用的顏色即。通過添加span and class修改textarea文本來定製css。測試過這個插件請看下面的截圖。

快速注：請dubug更根據自己的需要。