使用jquery重置tinymce中的textarea

时间:2016-01-15 09:47:03

标签: jquery html

我正在使用tinymce和jQuery。在我的文件的头部,我有这个:

<script src="jquery/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
<script src="tinymce/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
  tinymce.init({
    selector: '#subjectDescriptor',
    toolbar:'code | bold italic | bullist numlist | clear |',
    //menu: {    view: {title: 'View source', items: 'code'}  },
  plugins: 'code'  // required by the code menu item
  });
  </script>

在我的HTML中,我有一个像这样的textarea: <textarea id="subjectDescriptor"></textarea>

上面是一个选择选项,如下所示:

<select class="updatetextbox">
<option>1</option>
<option>... etc</option>
</select>

当更改选项选项时,我希望textarea的值更改(返回空白)。我尝试了各种jQuery选择器。虽然他们没有工作(显然我改变了评论!)

$( ".updatetextbox" ).change(function() {
          $('#subjectDescriptor').setContent($bob);
    //    tinymce.get(subjectDescriptor).setContent('');
    //    $('#subjectDescriptor').html());
}

我错过了什么?

2 个答案:

答案 0 :(得分:2)

tinymce.activeEditor.setContent('');

答案 1 :(得分:0)

使用val()更改textarea

的值
$('#subjectDescriptor').val('');