2016-11-09 7 views
0

私はcodemirror.netから遊び場で作業しています。素晴らしい作品です。私の次のステップは、自動ロードをファイルパス名に設定することです。各テキストエリアは、.html、.css、およびjqueryからファイルパスをロードします。テキストエリアでの値の設定方法

現在

<div id="wrap"> 

    <!-- Code Editors --> <section id="code_editors"> 
    <div id="html" class="code_box"> 
     <h3>HTML</h3> 
     <textarea name="html"></textarea> 
    </div> 
    <div id="css" class="code_box"> 
     <h3>CSS</h3> 
     <textarea name="css"></textarea> 
    </div> 
    <div id="js" class="code_box"> 
     <h3>JavaScript</h3> 
     <textarea name="js"></textarea> 
    </div> </section> 
    <!-- Sandboxing --> <section id="output"> 
    <iframe></iframe> </section> </div> 

プレビューテキストエリアの結果を示すcodemirror中が原因で、JavaScriptで

html_editor.setValue('<p>Hello World</p>'); 
    css_editor.setValue('body { color: red; }'); 

を示したことに "Hello World" を示したので、私はこのようなcodemirrorで設定値を変更します。

<textarea name="html"><?php 
echo file_get_contents('testcode.php'); 
?> 
</textarea> 
</div> 

これは、テキスト領域内にHTMLコードが表示されても、テキスト領域でプレビューを表示できない場合に有効です。

ので、私はあまりにも、私はそれが

html_editor.setValue('<p>Hello World</p>'); 
    css_editor.setValue('body { color: red; }'); 

私の質問はどのように私は書くことができるということであると述べたところ、JavaScriptで変更を行うと考え

<?php echo file_get_contents('testcode.php');?> 

を使用してプレビューを表示する方法この問題を解決しようとしていますjavascriptファイル内のPHPのコード。

私はそれが動作しません

html_editor.setValue('<?php echo file_get_contents('testcode.php');?>'); 
    css_editor.setValue('body { color: red; }'); 

を試してみました。

これを解決する方法は他にもあります。

多くのありがとう。

AM

+0

PHPが正常にファイル名のみがあなたがPHPのための.jsファイルを解析するようにサーバーを設定することができ.php' 'で終わったときに解析されますが、なぜ単純にされjavascripTを出力する.phpファイルを使用しますか? これは正しいですか? – alidads

+0

いいえ、現在のjsファイルを新しい.phpファイルにコピーできます。必要に応じてPHP変数を出力するには、 ''または '<?php echo $ var;?>'を使用できます。あなたはPHPとHTMLを混在させることができるのと同じように、JSとPHPを混在させることもできます。 –

答えて

0

これを試してみてください:

var = "<?php echo file_get_contents('testcode.php')?>"; 
html_editor.setValue(var); 
css_editor.setValue('body { color: red; }'); 
+0

私は試していて動作していません。 "var"を印刷しています... ! – alidads

+0

testcode.phpページのスクリーンショットを表示することはできますか? –

+0

[link] https://jsfiddle.net/Alidad3250/rqd30fro/3/でご覧ください.Javascriptセクションの89〜91行目を参照してください。サンプルをコメントアウトしてくださいコピーラインは94〜96 – alidads

関連する問題