Editor value does not show until click into?

[crabvn]

When I click to the edit button. The MakrdownEditor value changed to the right value, but not show on the editor. The text only show when I click into the editor form. How can I fix that?

Note: I had do configs set autofocus: true but nothing happened

Thank you,

[F-loat]

What version of vue and webpack are you using?

[crabvn]

"vue": "^2.3.3" and "webpack": "2.2.1"

[F-loat]

https://f-loat.github.io/vue-simplemde/
Does this demo have the same problem?

[crabvn]

No it does not. The issue on mine happened on a modal.

[F-loat]

Try to use this.$refs.markdownEditor.initialize() when the modal show.

[crabvn]

Thank :) I will do it on Monday

[crabvn]

It says initialize() is undefined.
and, the editor works fine on form without modals. Is this any help?

[F-loat]

You should modify markdown-editor.vue like this:

mounted() {
  // this.initialize();
},

and after the model show do this:

this.$nextTick(() => {
  this.$refs.markdownEditor.initialize();
});

[F-loat]

I will solve the problem in the next release.

[crabvn]

Thank you. I actually have not resolved the issue yet.

[F-loat]

I think the modal is hidden or not exist at mounted hook, so markdownEditor init fail.
And reinit it after the modal show, it should work.

Actually, it should init only when the first time show.

[F-loat]

same issue, maybe help.
sparksuite/simplemde-markdown-editor#596
sparksuite/simplemde-markdown-editor#344

[voicecode-bv]

I'm having the same problem, any updates on this?

[F-loat]

Try to refresh editor after the modal show.

this.simplemde.codemirror.refresh();

[F-loat]

SimpleMDE's issue