Вопрос по javascript, bookmarklet – Включите внешние файлы Javascript и CSS в DOM другого сайта

0

Я пытаюсь загрузить редактор Markdown, подобный тому, который StackExchange использует на своем сайте, на сайт Forrst.com с помощью Bookmarklet или расширения браузера.

В основном это выглядит как мне нужно ...

Load the CSS file into the Page
https://raw.github.com/ujifgc/pagedown/master/demo/browser/demo.css

Load these 3 Javascript files into the page

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

Load this Javascript into the page to make it all run...

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

Если бы кто-нибудь мог указать мне правильное направление, как сделать что-то подобное, я верю, что возможно, я был бы очень признателен за помощь.

@ jfriend00 Пока что мне кажется, что я разобрался со всем соответствующим javascript, чтобы он работал, просто вопрос о том, чтобы все мои файлы JS были включены в страницу CodeDevelopr
Для какого браузера вы хотите сделать расширение? Connor
Что вы исследовали или попробовали с расширением браузера? jfriend00
Как я уже сказал, когда вы посмотрели, как работает расширение браузера, какие у вас были конкретные вопросы по этому поводу? Мы не собираемся быть вашим исследователем. Вы проводите исследование, смотрите, что задокументировано о том, как работают расширения браузера, и, если вы не можете этого выяснить, вы задаете более конкретный вопрос на основе того, что вы узнали. jfriend00
@ jfriend Извините, но на карту поставлен вопрос, как загрузить файл Javascript на внешний сайт независимо от расширения или нет, я знаю, что это возможно и с помощью букмарклета, я все еще в процессе изучения всего, и это вопрос является частью этого CodeDevelopr

Ваш Ответ

1   ответ
1

Chrome предлагает очень простой способ сделать это, и они называютсяСценарии содержания.

По сути, вы создаетерасширениеи в вашемmanifest.json файл, вы указываете файлы javascript, которые вы хотите загрузить, указывая относительные пути к каталогу, в котором они находятся в каталоге вашего проекта.

Итак, вот шаги:

create a folder in that folder, place the files you'd like to load in the browser create a manifest.json file, and in there, specify the CSS and JavaScript files you'd like to load in (and give their relative paths to the manifest file). In Chrome, install the local extension Keep on testing, and whenever you make a change to a file, make sure you click "reload extension" on the page you installed it at (chrome://extensions), so it reloads the files and restarts itself.

Это отвечает хотя бы на часть вашего вопроса?

Это огромная помощь, спасибо CodeDevelopr

Похожие вопросы