2011-11-21 129 views
1

我一直在努力ace幾天,但我仍然無法得到它與CSS正確工作,一直試圖尋找解決方案在線或王牌/文檔等,但沒有一切都好運。語法高亮爲CSS(王牌ajax)

這是我attempt突出與王牌的CSS,但對Firefox的這些錯誤信息,

Could not load worker ace.js (line 1) 
Error: Could not get domain! [Break On This Error] define("ace/mode/css",["require","expo...).call(f.prototype),b.WorkerClient=f}) 

任何想法這意味着什麼,以及如何解決它?

整個代碼,

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title>Ace editor</title> 
    <style> 
    #ace-editor { 
     position: absolute; 
     width: 500px; 
     height: 400px; 
    } 
    </style> 

    <script src="jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script> 
    <script src="src/ace.js" type="text/javascript" charset="utf-8"></script> 
    <script src="src/theme-eclipse.js" type="text/javascript" charset="utf-8"></script> 
    <script src="src/mode-css.js" type="text/javascript" charset="utf-8"></script> 

    <script> 
    $(document).ready(function(){ 

     var editor = ace.edit("ace-editor"); 
     editor.setTheme("ace/theme/eclipse"); 

     var CssMode = require("ace/mode/css").Mode; 
     editor.getSession().setMode(new CssMode()); 

     //var textarea = $('.code').hide(); 
     var textarea = $('.code'); 

     // Get the value from the editor and place it into the texrarea. 
     var text = editor.getSession().getValue(); 
     textarea.val(text); 

     // Update the textarea on change. 
     editor.getSession().on('change', function(){ 

      // Get the value from the editor and place it into the texrarea. 
      var text = editor.getSession().getValue(); 
      textarea.val(text); 
      //alert(text); 
     }); 

     $('#form_data').submit(function(e){ 
      //alert($(this).serialize()); 

      var object = $(this); 
      var path = object.attr('action'); 

      alert(object.serialize()); 

      $.post(path, object.serialize(),function(xml){ 

      }); 
      return false; 
     }); 
    }); 
    </script> 
</head> 
<body> 

<form action="data.php" method="post" enctype="multipart/form-data" id="form_data" class="set-form"> 

    <textarea rows="5" cols="10" class="code" name="ace-editor"></textarea> 

    <div style="height:450px; border:1px solid #000;"> 
     <div id="ace-editor"><style>.text-layer { 
    font-family: Monaco, "Courier New", monospace; 
    font-size: 12px; 
    cursor: text; 
}</style></div> 
    </div> 

<input type="submit" name="submit" value="submit"/> 

</form> 

</body> 
</html> 

回答