javascript
  • ace-editor
  • 2013-08-31 86 views 3 likes 
    3

    我無法使用Ace語法突出顯示器在我的網站上工作。Ace語法着色不起作用

    HTML:

    <textarea name="" id="upEditor" cols="30" rows="10"></textarea> 
    <link rel="stylesheet" href="normalize.css"> 
    <link rel="stylesheet" href="monokai.css"> 
    <link rel='stylesheet' href='style.css'> 
    <script src='jquery.js'></script> 
    <script src='ace.js'></script> 
    <script src='script.js'></script> 
    

    JS:

    var editor = ace.edit("upEditor"); 
    editor.setTheme("ace/theme/monokai"); 
    editor.getSession().setMode("ace/mode/javascript"); 
    

    我在同一個目錄都mode-javascript.jstheme-monoki.js && monokai.css。 文本編輯器確實具有字體大小和族作爲正確的示例編輯器,但沒有亮點。

    請幫助-Thanks

    +0

    什麼控制檯顯示?任何錯誤都在彈出?你是否在頁面上有「upEditor」ID?是在init腳本之前包含的ace腳本嗎? – alonisser

    +0

    也包含更多的頁面代碼,也許問題在其他地方 – alonisser

    +0

    編輯帖子 – Pixeladed

    回答

    0

    看起來你是不包括在正確的地方的CSS鏈接,這樣你就不會得到CSS ..

    1. 的CSS應該加載<head></head>之前。而textarea的,應在<body>部分,但上面的腳本(應該是最後一次在身,但在這個順序。

    2. 而且我確保CSS monokai.css文件是在正確的地方。你是從你index.html,但如果你在問題中提到monokai.css是在同一文件夾中theme-monokai.js那麼href應該是ace/theme/monokai.css同一文件夾中調用它(normalize.cssstyle.css。檢查其它css文件也是如此。

    3. 您應該添加type="text/javascript"到s cript標籤。舊的瀏覽器可能需要此

    0

    王牌不textarea的工作,使用預先標記代替

    相關問題