2011-10-29 11 views
1

TinyMCEと画像アップロードボタンのダイアログを自分のwebappに統合する必要がありますが、カスタム変数を使用してPHPコードに画像をアップロードする必要があります。私のPHPには、次のアクティベーションコードとtinyMCE.init呼び出す :TinyMCEボタンを統合して変数を渡す方法

は、PHPコードを発信する(つまり、エディタをトリガー)...

<?php 

$js=' 
tinyMCE.init({ 
    mode : "textareas", 
    theme : "advanced", 
    plugins : "spellchecker,advhr,table,addimg", 
    theme_advanced_buttons1 :  "cut,copy,paste,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,formatselect,zoom, blockquote,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,addimg,|,code,preview,|,forecolor,backcolor", 
    theme_advanced_buttons2 : "tablecontrols,|,spellchecker,advhr,removeformat,|,sub,sup,|,charmap,visualaid", 
    theme_advanced_buttons3 : "",  
    theme_advanced_toolbar_location : "top", 
    theme_advanced_toolbar_align : "left", 
    theme_advanced_statusbar_location : "bottom", 
    theme_advanced_resizing : true, 
    content_css : "'.config::siteurl.'/css/myStyle.css" 
}); 

を....これは、「カスタムボタンとエディタを起動させますaddimg '; addimgのカスタムボタンをクリックすると、期待通りにカスタムdialog.htmがトリガーされます。しかし、私は必要なのは、フォームがポストされたときに受信PHPは彼らに

dialog.htmフォームを利用することができます...

. 
. 
. 
<form id='file_upload_form' name='file_upload_form' enctype='multipart/form-data'  action='myUploader.php' method='POST'> 
    <input type='text' name='MySpecialId’ value='xxxx'> 
    <table width=100%> 
    <tr valign=top> 
    <td width=100>Please choose a file: </td> 
    <td align=left> 
     <input style='width: 100%;' id='myFile' name='myFile' type='file'> 
    </td> 
    </tr> 
</table> 
</form> 
. 
. 

の質問はどのようにすることができているように、このdialog.htmが私の変数が含まれていることです元のPHP呼び出し元からdialog.htmに値を渡して、上記の形式でMySpecialIdの値を設定します。私はdialog.js AddImgDialog.init()jsメソッドからJavascriptを使用してフォームを設定できると考えましたが、TinyMCEツールバーを呼び出しているPHPの値をカスタムボタンdialog.jsに渡す方法はありますか?

var AddImgDialog = { 
    init : function() { 
    alert('My passed through value is xxxxx'); 
}, 
. 
. 

ヒント? おかげで TD

答えて

4

あなたはtinyMCE.initでセットアップあなたの変数を()、例があります。

tinyMCE.init({ 
    mode : "textareas", 
    /*more settings*/ 
    myVariable:12345 
}); 

この変数は、作るためにtinyMCE.settings.myVariable
経由dialog.htmでアクセスできるようになります入力が容易に到達可能です。 myInputID 値を設定することができます(入力後の次の命令を入力してください)

document.getElementById('myInputID').value=tinyMCE.settings.myVariable;