diff --git a/core/static/webpack/easymde-index.js b/core/static/webpack/easymde-index.js index 3648657e..378c1303 100644 --- a/core/static/webpack/easymde-index.js +++ b/core/static/webpack/easymde-index.js @@ -2,25 +2,21 @@ import "codemirror/lib/codemirror.css"; import "easymde/src/css/easymde.css"; import easyMde from "easymde"; - -// This scripts dependens on Alpine but it should be loaded on every page +import { markdownRenderMarkdown } from "#openapi"; /** * Create a new easymde based textarea * @param {HTMLTextAreaElement} textarea to use - * @param {string} link to the markdown api **/ -window.easymdeFactory = (textarea, markdownApiUrl) => { +window.easymdeFactory = (textarea) => { const easymde = new easyMde({ element: textarea, spellChecker: false, autoDownloadFontAwesome: false, previewRender: Alpine.debounce(async (plainText, preview) => { - const res = await fetch(markdownApiUrl, { - method: "POST", - body: JSON.stringify({ text: plainText }), - }); - preview.innerHTML = await res.text(); + preview.innerHTML = ( + await markdownRenderMarkdown({ body: { text: plainText } }) + ).data; return null; }, 300), forceSync: true, // Avoid validation error on generic create view diff --git a/core/templates/core/widgets/markdown_textarea.jinja b/core/templates/core/widgets/markdown_textarea.jinja index 1a35056d..2412497d 100644 --- a/core/templates/core/widgets/markdown_textarea.jinja +++ b/core/templates/core/widgets/markdown_textarea.jinja @@ -7,9 +7,7 @@ diff --git a/core/views/forms.py b/core/views/forms.py index 76f34f7e..29de3ab4 100644 --- a/core/views/forms.py +++ b/core/views/forms.py @@ -39,7 +39,6 @@ from django.forms import ( TextInput, ) from django.templatetags.static import static -from django.urls import reverse from django.utils.translation import gettext from django.utils.translation import gettext_lazy as _ from phonenumber_field.widgets import RegionalPhoneNumberWidget @@ -76,7 +75,6 @@ class MarkdownInput(Textarea): "js": static("webpack/easymde-index.js"), "css": static("webpack/easymde-index.css"), } - context["markdown_api_url"] = reverse("api:markdown") return context