将文本追加到tinymce中

时间:2017-09-29 18:16:28

标签: javascript tinymce textarea

我有一个简单的tinymce textarea和下面的文字。我想在span中点击这个文本,它应该出现在放置光标的textarea中,而不是总是在文本的末尾。无法弄清楚。代码在这里:code

sample

1 个答案:

答案 0 :(得分:0)



$(document).ready(function() {

  var $span = $('#defaultText');

  $span.click(function(){
   // gives an error because there is no Tinymce api key
    tinymce.activeEditor.setContent($(this).text());
    
  });

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
<script>tinymce.init({ selector:'textarea' });</script>

<body>
  <textarea>Next, get a TinyMCE Cloud API key!</textarea>
 
  <span id="defaultText">
    Hello world!! 
  </span>
   
</body>
&#13;
&#13;
&#13;

你试过这个吗?

tinymce.activeEditor.setContent('<span>some</span> html');

实施例

 $('span').click(function(){
      tinymce.activeEditor.setContent($(this).text());
});

Read more on offical docs