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