2015-08-30 16 views
1

Я пытаюсь сделать вкладку предварительного просмотра markdown для форума, который я часто использую, который использует markdown в его форматировании, но в настоящее время не имеет способа просмотреть, как будет выглядеть это уценка.Расширение Google Chrome: как использовать внешний скрипт

Я хочу использовать конвертер page down уценки, однако я не знаю, как использовать файлы внутри скрипта содержимого

вот мой manifest.json

{ 
"name": "Forum Post Previewer", 
"version": "0.1", 
"manifest_version":2, 
"description":"Adds a preview tab on the post editor", 
"permissions": [ 
    "activeTab", 
    "*://*/*" 
], 
"content_scripts": [ 
    { 
     "js": ["previewtab.js"] 
    } 
], 

}

и здесь is previewtab.js

// Adding the preview tab 
 
    var tabs = document.getElementsByClassName("nav nav-tabs"); 
 
    var list = document.createElement("li"); 
 
    var tab = document.createElement("a"); 
 
    tab.innerHTML = "Preview"; 
 
    tab.setAttribute("data-toggle", "tab"); 
 
    tab.setAttribute("href", "#tab3"); 
 
    list.appendChild(tab); 
 
    document.getElementById("post-editor").parentElement.firstElementChild.appendChild(list); 
 
     
 
    var content = document.createElement("div"); 
 
    content.setAttribute("class", "tab-pane"); 
 
    content.setAttribute("id", "tab3"); 
 
    var bar = document.createElement("div"); 
 
    bar.setAttribute("id", "wmd-button-bar"); 
 
    var textarea = document.createElement("textarea"); 
 
    textarea.setAttribute("id", "wmd-input"); 
 
    textarea.setAttribute("class", "wmd-input"); 
 
    var preview = document.createElement("div"); 
 
    preview.setAttribute("id", "wmd-preview"); 
 
    preview.setAttribute("class", "wmd-panel wmd-preview"); 
 
    content.appendChild(bar); 
 
    content.appendChild(textarea); 
 
    content.appendChild(preview); 
 
    document.getElementById("post-editor").appendChild(content); 
 
    
 
    
 
    // Using the converter 
 
    var converter = Markdown.getSanitizingConverter(); 
 
    var editor = new Markdown.Editor(converter); 
 
    editor.run();

прямо сейчас я получаю ошибки при использовании конвертера, потому что он не знает, откуда пришел Markdown.

Можете ли вы помочь мне, чтобы узнать, как использовать этот внешний скрипт в расширении хромированной

Благодаря

ответ

0

Просто добавьте .js файлы в расширение и включить их в качестве сценариев контента, прежде чем ваша, как это :

"content_scripts": [ 
    { 
     "js": ["Markdown.Converter", "Markdown.Editor", "Markdown.Sanitizer", "previewtab.js"] 
    } 
], 
Смежные вопросы