2012-05-11 2 views
0

Я пытаюсь загрузить редактор Markdown, как тот, который StackExchange использует на своем сайте на сайте Forrst.com с расширением закладки или браузера.Включите внешние файлы Javascript и CSS в DOM

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

  1. Загрузить файл CSS в Page
    https://raw.github.com/ujifgc/pagedown/master/demo/browser/demo.css

  2. Загрузите эти 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

  3. Загрузите этот 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(); 
})(); 

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

+0

Что вы изучили или попробовали с расширением браузера? – jfriend00

+0

@ jfriend00 До сих пор я думаю, что я вычислил все подходящие javascript, чтобы заставить его работать, это всего лишь вопрос о том, чтобы все мои файлы JS были включены в страницу – CodeDevelopr

+0

Как я уже сказал, когда вы изучали, как работает расширение браузера, что У вас были конкретные вопросы? Мы не должны быть вашим исследователем. Вы проводите исследование, смотрите, что описано в том, как работают расширения браузера, и если вы не можете понять это, вы задаете более конкретный вопрос, основанный на том, что вы узнали. – jfriend00

ответ

1

Если вы хотите загрузить их в differe nt, Chrome дает вам очень простой способ сделать это, и они называются Content Scripts.

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

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

  1. создать папку
  2. в этой папке, поместите файлы, которые вы хотите загрузить в браузере
  3. создать manifest.json файл, и в там , укажите CSS и JavaScript файлы, которые вы хотите загрузить (и укажите их относительные пути к файлу манифеста).
  4. В Chrome install the local extension
  5. Продолжайте испытывать, и всякий раз, когда вы вносите изменения в файл, убедитесь, что вы выберите «расширение перезагрузки» на странице вы установили его на (chrome://extensions), поэтому он загружает файлы и перезагружается сам.

Ответит ли это хотя бы на часть вашего вопроса?

+0

Это огромная помощь благодаря – CodeDevelopr

 Смежные вопросы

  • Нет связанных вопросов^_^