包含外部Javascript和CSS文件到另一個網站的DOM

我想加載一個Markdown編輯器，像一個StackExchange在它的網站上使用Bookmarklet或瀏覽器擴展插入到Forrst.com網站。包含外部Javascript和CSS文件到另一個網站的DOM

基本上它看起來像我需要......

加載CSS文件到Page
https://raw.github.com/ujifgc/pagedown/master/demo/browser/demo.css
負載這3個JavaScript文件上傳到頁面

https://raw.github.com/ujifgc/pagedown/master/Markdown.Converter.js
https://raw.github.com/ujifgc/pagedown/master/Markdown.Editor.js
https://raw.github.com/ujifgc/pagedown/master/Markdown.Sanitizer.js
加載以下JavaScript到頁面中，使這一切運行...

//Load and run this code in the page... 
// Find and replace the curent textarea with the HTML we 
// need for our markdown editor to work 
var htmlToReplace = ' \ 
    <div class="wmd-panel"> \ 
    <div id="wmd-button-bar"></div> \ 
     <textarea class="wmd-input" id="wmd-input" name="description"></textarea> \ 
    </div> \ 
    <div id="wmd-preview" class="wmd-panel wmd-preview"></div>'; 

$("#description").replaceWith(htmlToReplace) 

//Run the markdown editor scripts 
(function() { 
    var converter1 = Markdown.getSanitizingConverter(); 
    var editor1 = new Markdown.Editor(converter1); 
    editor1.run(); 
})();

如果任何人都可以點我就如何有所建樹正確的方向像這樣，我相信這是可能的，我真的很感謝幫助

來源

2012-05-11 CodeDevelopr

你使用瀏覽器擴展進行了哪些研究或嘗試？ – jfriend00

@ jfriend00到目前爲止，我認爲我已經想出了所有合適的JavaScript來使它工作，這只是一個讓所有我的JS文件包括在頁面中的問題 – CodeDevelopr

正如我所說的，當你研究瀏覽器擴展如何工作時，你有關於它的具體問題？我們不打算成爲你的研究員。你做了研究，看看有關瀏覽器擴展如何工作的文檔，如果你無法弄清楚，你可以根據你學到的知識來問一個更具體的問題。 – jfriend00

如果你想加載他們到differe nt網站，Chrome爲您提供了一個非常簡單的方法，他們被稱爲Content Scripts。

本質上，您將創建一個extension，並在您的manifest.json文件中指定要加載的JavaScript文件，並將相對路徑指向它們在項目目錄中的位置。

所以，這裏的步驟：

創建一個文件夾該文件夾中
，把你想在瀏覽器中加載
創建manifest.json文件中的文件，並在那裏，請指定CSS和JavaScript要加載的文件（並將它們的相對路徑提供給清單文件）。
在Chrome中，install the local extension
不斷測試，只要您進行了更改的文件時，請務必點擊「重裝延伸」你（chrome://extensions）安裝在網頁上，所以它重新加載文件並重新啓動本身。

這是否至少回答了部分問題？

來源

2012-05-11 03:10:00 Connor

這是一個巨大的幫助謝謝 – CodeDevelopr

包含外部Javascript和CSS文件到另一個網站的DOM

回答

相關問題