import type { Editor as EditorInstance } from "tinymce";
import { ONE_TIME_PASSIVE_EVENT } from "utils/constants";

export const setReadOnlyMode = (editor: EditorInstance): void => {
  const toolbars = editor.editorContainer?.querySelector(".tox-editor-header");

  if (toolbars instanceof HTMLDivElement) {
    toolbars.addEventListener(
      "click",
      () => {
        toolbars.removeAttribute("title");
        editor.setMode("design");
      },
      ONE_TIME_PASSIVE_EVENT
    );
  }

  editor.setMode("readonly");
};