[英]Google Chrome Extension: How to use an external script
我正在嘗試為一個我經常使用的論壇制作一個markdown預覽選項卡,該論壇在其格式中使用markdown,但是目前沒有任何方式可以預覽markdown的外觀。
我想使用向下翻頁降價轉換器,但是我不知道如何使用內容腳本中的文件
這是我的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擴展程序中使用此外部腳本嗎
謝謝
只需將.js文件添加到您的擴展名中,然后將它們作為內容腳本包含在您的擴展名中,如下所示:
"content_scripts": [
{
"js": ["Markdown.Converter", "Markdown.Editor", "Markdown.Sanitizer", "previewtab.js"]
}
],
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.