Google Chrome扩展:如何使用外部脚本

Question

我正在尝试为我经常使用的一个论坛制作一个markdown预览选项卡，该论坛在其格式中使用markdown，但目前无法预览markdown的外观。

我想使用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"]
    }
],

}

这是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来自何处。

你能帮我找出如何在chrome扩展中使用这个外部脚本吗？

谢谢

Answer 1

只需将.js文件添加到您的扩展中，并将它们作为内容脚本包含在您的扩展之前，如下所示：

"content_scripts": [
    {
        "js": ["Markdown.Converter", "Markdown.Editor", "Markdown.Sanitizer", "previewtab.js"]
    }
],