javascript - tinymce加载后执行js函数

Question

我有一个选择，onchange触发js函数来显示/隐藏tinymce编辑器:

<select id="mySelect" onChange="myFuntion()">
<option value="1">Yes</option>
<option value="0">No</option>

然后我有一个带有tinymce的文本区域(在页面加载时加载)。

<textarea class="mce" id="myTextarea"></textarea>
<script src="tinymce.js></script> // file with global tinymce.init({ ... });

js函数如下:

<script>    
function myFuntion(){ 
  if( $( '#mySelect' ).val() == '1' ) { tinymce.get( 'myTextarea' ).show(); } 
  else { tinymce.get( 'myTextarea' ).hide(); }
}
$( document ).ready(function() { myFuntion(); }); // show/hide tinymce based on how the mySelect setting is on page load

除了“$( document ).ready(function(){ myFuntion(); });”抛出错误“Uncaught TypeError: Cannot read property”之外，一切都运行良好'show' of null”，我认为这是因为tinymce尚未加载。

有一种方法可以将“文档就绪函数”更改为“加载tinymce时>执行myFunction()”

PS:我使用tinymce 4，tinymce.init()位于外部文件中并在其他页面上使用，所以我不想编辑此文件

编辑:我的实际解决方法是使用:setTimeout( 函数(){ myFunction(); }, 1500 );但如果有回调或类似的，例如 $(document).on('tinymce:init') 会很棒

Answer 1

在tinymce 4中尝试使用Promise来做

tinymce.init({
//some settings
}).then(function(editors) {
   //what to do after editors init
});