Binden Sie externe Javascript- und CSS-Dateien in das DOM einer anderen Site ein

Ich versuche, einen Markdown-Editor wie den, den StackExchange auf seiner Site verwendet, mit einem Bookmarklet oder einer Browser-Erweiterung in die Forrst.com-Site zu laden.

Grundsätzlich sieht es so aus, als ob ich ...

Laden Sie die CSS-Datei in die Seite
https://raw.github.com/ujifgc/pagedown/master/demo/browser/demo.css

Laden Sie diese 3 Javascript-Dateien in die Seite

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

Laden Sie dieses Javascript in die Seite, damit alles läuft ...

<code>//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();
})();
</code>

Wenn jemand mich in die richtige Richtung weisen könnte, wie so etwas erreicht werden kann, wäre ich sehr dankbar für die Hilfe

Antworten auf die Frage(1)

Ihre Antwort auf die Frage