diff --git a/app/assets/javascripts/markdown_editor.js b/app/assets/javascripts/markdown_editor.js index a9354843..0ccfff50 100644 --- a/app/assets/javascripts/markdown_editor.js +++ b/app/assets/javascripts/markdown_editor.js @@ -32,6 +32,7 @@ const initializeMarkdownEditors = () => { toolbarItems: [ ["heading", "bold", "italic"], ["link", "quote", "code", "codeblock"], + ["image"], ["ul", "ol"], ], initialEditType: "markdown", @@ -54,6 +55,20 @@ const initializeMarkdownEditors = () => { }); }; +const disableImageUpload = () => { + const target = document.querySelector(".toastui-editor-popup"); + if (!target) { + return; + } + // Reference:https://github.com/nhn/tui.editor/issues/1204#issuecomment-1068364431 + const observer = new MutationObserver(() => { + target.querySelector('[aria-label="URL"]').click(); + target.querySelector(".toastui-editor-tabs").style.display = "none"; + }); + + observer.observe(target, { attributes: true, attributeFilter: ["style"] }); +}; + const setMarkdownEditorTheme = (theme) => { const editors = document.querySelectorAll(".toastui-editor-defaultUI"); editors.forEach((editor) => { @@ -69,6 +84,7 @@ const setMarkdownEditorTheme = (theme) => { $(document).on("turbolinks:load", function () { initializeMarkdownEditors(); + disableImageUpload(); }); $(document).on("theme:change", function (event) {