我已經使用this,它的工作原理,但它感覺有點哈克。我試過將highlight.pack.js
文件複製到web/static/js
並從.html.eex
文件中調用它,但這只是給我一個錯誤。我試過使用CDN(它工作),但沒有給我我想要的結果。那麼在phoenix v1.2.0中實現highlight.js的正確方法是什麼?如果有問題,我正在使用Earmark v1.0.1進行降價支持。在phoenix中實現highlight.js的正確方法是什麼?
3
A
回答
4
正確的方法是通過NPM安裝它:
$ npm install --save highlight.js
注意--save
會自動添加最新版本highlight.js來package.json
,你也可以設置一個特定的版本存在和運行npm install
。 安裝後,你可以導入和使用庫中web/static/app.js
import hljs from "highlight.js"
hljs.initHighlightingOnLoad();
的過程中爲您可能需要使用任何NPM包相同。非JS資源(如CSS文件)不會從NPM軟件包中自動導入。因此,您需要在的npm
部分將其列入白名單。
npm: {
// ... keep the other settings
styles: {"highlight.js": ['styles/default.css']}
}
顯然,隨着your preferred color scheme名稱替換default.css
。有關從NPM包中提取樣式的更多信息,請參見in the Brunch documentation。
+0
謝謝,這個答案幫助我理解這是如何工作的。 –
相關問題
- 1. 在scala中實現Producer Consumer的正確方法是什麼
- 2. 在JPA中實現分頁的正確方法是什麼?
- 3. 在角2中實現註銷的正確方法是什麼?
- 4. 在C#中實現IDisposable的正確方法是什麼?
- 5. 實現NUnit 2.5 Constraint.Write *()方法的正確方法是什麼?
- 6. 「聚合」Phoenix Query Server連接的正確方法是什麼
- 7. iOS:實現實時音頻流的正確方法是什麼?
- 8. 什麼是實現OnClickListener的正確方法
- 9. 什麼是爲值類型實現operator ++的正確方法?
- 10. 什麼是檢查註冊組件實現的正確方法?
- 11. 什麼是實現__hash __()的正確和好方法?
- 12. 實現基類比較的正確方法是什麼?
- 13. 什麼是實現這個Javascript循環的正確方法?
- 14. 什麼是實現點擊對焦相機的正確方法?
- 15. 實現Android(4.0+)首選項的正確方法是什麼?
- 16. 實現Facebook分享按鈕的正確方法是什麼?
- 17. 實現這個循環的正確方法是什麼?
- 18. 實現java Collection接口的正確方法是什麼
- 19. 實現派對模型的正確方法是什麼?
- 20. 什麼是實現這個JSON.parse的正確方法?
- 21. 在原始MongoDB協議上實現「count」方法的正確方法是什麼?
- 22. 在Rust中實現泛型計算算法的正確方法是什麼?
- 23. Phoenix中處理嵌套窗體/ ecto變更集的正確方法是什麼?
- 24. 在MVC4中呈現HTML文件的正確方法是什麼
- 25. opIndex的正確實現是什麼?
- 26. reactjs中的正確方法是什麼?
- 27. 在淘汰賽中實現無限滾動的正確方法是什麼?
- 28. 什麼是在wcf服務中實現併發的正確方法?
- 29. 在Scala中使用泛型實現特徵的正確方法是什麼?
- 30. 什麼是在HTML5 Canvas中實現符號繪圖庫的正確方法?
這個http://www.phoenixframework.org/docs/static-assets#section-javascript-libraries有幫助嗎?很難說出你在這裏要求的是什麼 - 你得到的錯誤是什麼? –