如何使用requirejs加载pagedown编辑器

Question

我对requirejs很陌生。 我已经设法将requirejs与ace编辑器之类的AMD模块一起使用就好了。 我在stackoverflow上看到，理论上可以用requirejs加载普通js。

经过几次尝试，研究和一些挫折之后，我未能使用没有错误的requirejs加载pagedown编辑器。

这是我的代码：

       requirejs.config({
        paths: {
          jquery:    "jquery-2.0.2.min",
          bootstrap: "bootstrap.min",
          ace:       "ace/lib/ace",
          prettify:  "pagedown/prettify",
          pdconv:    "pagedown/Markdown.Converter",
          pdsanity:  "pagedown/Markdown.Sanitizer",
          pdeditor:  "pagedown/Markdown.Editor",
          pdextra:   "pagedown/Markdown.Extra", 
      },
      shim: {
        "bootstrap": {
            deps: ["jquery"]
        }
      }
    });

require(['jquery', 'bootstrap', 'ace/ace', 'prettify', 'pdconv', 'pdeditor', 'pdsanity', 'pdextra'], 
  function($, Bootstrap, ace, prettyPrint) {
      var input = $('#wmd-input').text();
      var editor = ace.edit("wmd-input");
      var conv = Markdown.getSanitizingConverter();
      Markdown.Extra.init(conv, {
        extensions: "all",
        highlighter: "prettify"
      });

      var md = new Markdown.Editor(conv);
      md.hooks.chain("onPreviewRefresh", prettyPrint); // google code prettify

      md.run(editor);
      editor.focus();
});

这是我不断得到的错误：

未捕获的TypeError：undefined不是Markdown.Editor.js：185函数

每次按键后，我都会不断收到该错误。 这些文件确实是通过requirejs加载的，但是不起作用。 有没有一种简单的方法可以使Pagedown编辑器与requirejs一起使用，还是不可能？

任何帮助/建议/建议将不胜感激。

谢谢

Answer 1

您可以这样使用：

requirejs.config({
    paths: {
        'markdown-converter': "../Scripts/markdown/Markdown.Converter",
        'markdown-sanitizer': '../Scripts/markdown/Markdown.Sanitizer'
    },
    shim: {
        "markdown-sanitizer": {
            deps: ["markdown-converter"],
            exports: "markdown-sanitizer"
        }
    }
});
// create markdown module 
define("markdown",["markdown-converter","markdown-sanitizer"],function(mc, ms) {
    return window.Markdown;
});

define("markdown",function(markdown) {
   var converter = new Markdown.Converter();
   return {
    converter:converter
   }
});