diff --git a/src/components/editor/MarkdownEditor.vue b/src/components/editor/MarkdownEditor.vue index 068a59f..70aa321 100644 --- a/src/components/editor/MarkdownEditor.vue +++ b/src/components/editor/MarkdownEditor.vue @@ -14,23 +14,36 @@ const props = defineProps({ }) const emit = defineEmits(['update:modelValue']) -// PC(Electron)는 위지윅(contenteditable)에서 한글 IME 첫 자음이 중복되는 Chromium 버그가 있어 -// 마크다운(텍스트 기반) 모드로 입력받는다. 웹/모바일(APK)은 위지윅 유지. +// PC(Electron)는 Toast UI 에디터(위지윅·CodeMirror 모두)에서 한글 IME 첫 자음이 중복되는 +// Chromium 버그가 있다(제목 등 일반 입력은 정상). → PC 에선 일반 textarea(네이티브 IME)로 입력받는다. +// 웹/모바일(APK)은 기존 Toast UI 위지윅 유지. const isElectron = typeof navigator !== 'undefined' && /electron/i.test(navigator.userAgent) -const editType = isElectron ? 'markdown' : props.initialEditType +// ===== PC: 일반 textarea (Vue v-model 이 IME 조합을 올바르게 처리) ===== +const text = ref(props.modelValue || '') +if (isElectron) { + watch(text, (v) => emit('update:modelValue', v)) + watch( + () => props.modelValue, + (v) => { + if ((v || '') !== text.value) text.value = v || '' + }, + ) +} + +// ===== 웹/APK: Toast UI 위지윅 ===== const el = ref(null) let editor = null -// 에디터가 마지막으로 emit 한 값. 부모가 되돌려준 echo 를 구분해 입력 중 setMarkdown 으로 끊기지 않게. let lastEmitted = props.modelValue || '' onMounted(() => { + if (isElectron) return editor = new Editor({ el: el.value, height: props.height, - initialEditType: editType, + initialEditType: props.initialEditType, hideModeSwitch: true, - plugins: [codeSyntaxHighlight], // 코드 구문 강조 + plugins: [codeSyntaxHighlight], initialValue: props.modelValue || '', placeholder: props.placeholder, usageStatistics: false, @@ -44,10 +57,10 @@ onMounted(() => { }) }) -// 외부 값 변경(수정 로드, 제출 후 초기화 등)만 에디터에 반영. echo 는 무시. watch( () => props.modelValue, (val) => { + if (isElectron) return const v = val || '' if (v === lastEmitted) return if (editor && v !== editor.getMarkdown()) { @@ -64,5 +77,34 @@ onBeforeUnmount(() => { + +