2016-11-09 193 views
0

我正在使用codemirror.net在操場上工作,並且效果很好。我的下一步是自動加載爲文件路徑名設置一個值,每個textarea都會從.html,.css和jquery加載文件路徑。如何在文本區域設置值

在codemirror目前

顯示

<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> 

預覽textarea的結果顯示 「世界,你好」,由於在JavaScript表現出這樣的codemirror

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

所以我改變設定值。

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

當我在文本區域內看到HTML代碼,但無法在文本區域中看到預覽時,此功能非常有用。

所以我想解決這個太使用

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

怎麼看預覽我認爲做在JavaScript改變它說

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

我的問題是,我怎麼能寫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

不,只是<腳本源=「jscript.php」>您可以將當前的js文件複製到新的.php文件中,那麼您可以使用''或'<?php echo $ var;?>'在需要的地方打印PHP變量。 。就像你可以混合使用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

請看[鏈接] https://jsfiddle.net/Alidad3250/rqd30fro/3/請在javascript section line line 89到91中看到,我將註釋掉複製行是94到96 – alidads