/ / Wie lade ich den pagedown Editor mit requirejs - javascript, requirejs, pagedown

wie man pagedown editor mit requirejs lädt - javascript, requirejs, pagedown

Ich bin ziemlich neu mit Requirejs. Ich habe es geschafft, Requirejs mit AMD-Modulen wie Ace-Editor usw. gut zu verwenden. Ich habe auf Stackoverflow gesehen, dass es theoretisch möglich ist, normale js mit requires zu laden.

Nach mehreren Versuchen, Recherchen und einigen Frustrationen konnte ich den page-down Editor mit requestjs nicht fehlerfrei laden.

Hier ist mein Code:

       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();
});

Hier ist der Fehler, den ich bekomme:

Uncaught TypeError: undefined ist keine Funktion Markdown.Editor.js: 185

Ich erhalte diesen Fehler nach jedem Tastendruck. Die Dateien werden zwar über requirjs geladen, funktionieren aber nicht. Gibt es einen einfachen Weg, um den Page-Down-Editor mit requirejs arbeiten zu lassen oder es ist nicht möglich.

Jede Hilfe / Beratung / Vorschläge würde sehr geschätzt werden.

Vielen Dank

Antworten:

1 für die Antwort № 1

Sie können so verwenden:

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
}
});