1

私は [tinyMCE][1] と [tinybox2][2] を使用しています。両方を独立して動作させることができますが、私が達成しようとしているのは、編集ボタンをクリックすることです tinybox2 は、ページ上の関連する ID 文字列で URL を開きますリンクが開き、更新フォームでtinyMCEが表示されますが、ポップアップ内でtinymceがロードされない理由がわかりません。

javascript がこの tinybox のポップアップにアクセスできるようにする方法はありますか? または、JavaScript の読み込みを妨げているのはなぜですか?

助けてくれてありがとう:D

私はこれまでこれを行ってきました：

  1. <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
  2. $.ajax() 経由で test.php コンテンツを取得します。-これについてはわかりません-
  3. <p><a class="Forumusername" onclick="TINY.box.show({url:'test.php',width:750,height:300})">CLICK ME</a>
  4. tinyMCE.init 呼び出しで TinyMCE エディターを再初期化します。-これを実装する方法もわかりません-

リンクを編集しましたが、質問には回答しています。

4

1 に答える 1

3

古いコードを更新するのが苦手なので、完全に書き直します。それは2つの私のファイルの内容test.phpですedit.php:

test.php

<!doctype html>

<link rel="stylesheet" href="js/tinybox2/style.css" type="text/css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="js/tinybox2/tinybox.js"></script>

<script type="text/javascript">
$(function(){
    $('#open_editor').click(function(){
        $.get(this.href).done(function(html){
            TINY.box.show({ 
                html: html,
                width: 500, 
                height: 400, 
                openjs: function(){
                    tinyMCE.init({ mode: 'textareas', theme: 'advanced' });
                }
            });
        });
        return false;
    });
    tinyMCE.init({ mode: 'textareas', theme: 'advanced' });
});
</script>

<a id="open_editor" href="edit.php">Open editor</a>

<textarea></textarea>

edit.php

<textarea name="body" rows="10" cols="50"></textarea>

を実行する前に、スタイルシートとスクリプトへのパスを修正してくださいtest.php。

これらのスクリプトはチェックおよびテストされています。

于 2012-10-17T20:39:06.993 に答える