在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

在应用textarea之前首先对colorfy的文字进行操作，否则在使用span进行管理后添加class

写完$('#textarea').colorfy("markdown");后，它会应用颜色，即。通过添加textarea修改span and class文本来自定义css。测试了这个插件，请看下面的截图。

快速注意：请根据需要再提供更多信息。

Answer 2

试试这样：

$(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而creates a div with the same class which is the class of text area并将其自身的css应用于这些。

＆＃13;

＆＃13;

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

＆＃13;

.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;
     }

＆＃13;

  <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>

＆＃13;

＆＃13;

＆＃13;