0

我正在尝试将像 StackExchange 在其网站上使用的 Markdown 编辑器加载到带有 Bookmarklet 或浏览器扩展的 Forrst.com 网站。

基本上看起来我需要...

  1. 将 CSS 文件加载到页面
    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();
})();

如果有人能指出我如何完成这样的事情的正确方向，我相信有可能我会非常感谢你的帮助

4

1 回答 1

1

如果您想将它们加载到不同的网站，Chrome 为您提供了一种非常简单的方法，它们被称为Content Scripts。

本质上，您创建一个extension，并在您的manifest.json文件中指定要加载的 javascript 文件，并给出它们在项目目录中的相对路径。

所以，这里是步骤：

  1. 创建文件夹
  2. 在该文件夹中，将您要加载的文件放在浏览器中
  3. 创建一个manifest.json文件，并在其中指定要加载的CSS和JavaScript文件（并提供它们到清单文件的相对路径）。
  4. 在 Chrome 中，安装本地扩展程序
  5. 继续测试，每当您对文件进行更改时，请确保您在 ( chrome://extensions) 安装它的页面上单击“重新加载扩展”，以便重新加载文件并自行重新启动。

这是否至少回答了您的部分问题？

于 2012-05-11T03:10:00.187 回答