dongni9825
2019-02-21 13:54
浏览 140

在PHP中使用innerHTML加载TinyMCE

Based on a selected option the code prints an textarea on the complemento1 div:

        if ($_GET["t"]==1) /// Text
    {
        $str="";
        $str.="<table width=100%>";
            $str.="<tr>";
                $str.="<td>";
                    $str.="Digite aqui o texto que será exibido:";
                $str.="</td>";
            $str.="<tr>";
                $str.="<td>";
                    $str.="<textarea id='texto' name='texto' rows=3 cols=80>".$row["texto"]."</textarea>";
                $str.="</td>";
        $str.="</table>";
        echo "<script>window.parent.document.getElementById('complemento1').innerHTML=\"".$str."\";</script>";
    }

Now I want to add an TinyMCE editor, but my attempts failed, I've tried to put the code on the PHP file:

    <script src="/_assets/editor/vendor/tinymce/tinymce/tinymce.min.js"></script>
    <script type="text/javascript">tinymce.init({mode: 'textareas', language: 'pt_BR', menubar: '', statusbar: false});</script>

Despite "Mode: textareas" nothing happens... If I call the init inside my code:

<script>window.parent.document.getElementById('complemento1').innerHTML=\"".$str."\"; tinymce.init({mode: 'textareas', language: 'pt_BR', menubar: '', statusbar: false});</script>

Got the error on the console:

Uncaught ReferenceError: tinymce is not defined
at 

^^^ It is already defined on my PHP! ( at head)

Where did I go wrong? How can I define TinyMCE correctly?

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • doujiao4705 2019-02-21 15:56
    已采纳

    First try to load tinymce in the beginning and try to open it to check if exist

    <script src="/_assets/editor/vendor/tinymce/tinymce/tinymce.min.js"></script>

    or try to run your JS after loading code :

    $('#complemento1').html(\"".$str."\").promise().done(function( arg1 ) {
      //  try fire the event here  
     tinymce.init({mode: 'textareas', language: 'pt_BR', menubar: '', statusbar: false})
    });
    

    you can also try to add document.ready function

    $( document ).ready(function() {
        $('#complemento1').html(\"".$str."\").promise().done(function( arg1 ) {
         //  try fire the event here  
        tinymce.init({mode: 'textareas', language: 'pt_BR', menubar: '', statusbar: false})
        });
    });
    
    打赏 评论

相关推荐 更多相似问题