DCsunset / vuetify-markdown-editor

A Vue.js Component for editing and previewing markdown using Vuetify.js
MIT License
63 stars 17 forks source link

About a glitch and a request #8

Closed Tpircsnart closed 3 years ago

Tpircsnart commented 4 years ago

glitch is: 1

the width of editor get reduced.

request: could you add a prop for words counter and an event if the words is out of limits, would emit an event?

DCsunset commented 4 years ago

Hello, it's a good suggestion to add a counter for the input. I've added it as an optional prop in the master branch. However, I think it would be easier to check whether the input is out of limits outside the component, say, watching the variable.

As for the glitch, I couldn't reproduce it on my computer. Could you provide more information, such as the browser or the console log of the browser?

Tpircsnart commented 4 years ago

the glitch is appeared in some cases: As I use my PC to develop, it is fine. When it goes to deployment on my company's console, my PC browser appeared this glitch and my boss' laptop doesn't. Just take it as notice.

DCsunset commented 4 years ago

I've tested the release version on my PC using both Chrome and Firefox but still couldn't reproduce it. Maybe you could provide some info about the release version, the browser version, and the log of the browser to help solve it.

jkpark commented 2 years ago

this issue apears in Vuetify version 2.6.0 image

my package-lock.json

"packages": {
    "": {
      "name": "my-app",
      "version": "0.1.0",
      "dependencies": {
        "core-js": "^3.8.3",
        "vue": "^2.6.14",
        "vue-router": "^3.5.1",
        "vuetify": "^2.6.0",
        "vuetify-markdown-editor": "^3.3.3",
        "vuex": "^3.6.2"
      },

MdTest.Vue

<template>
  <div>

    <Editor v-model="tcData" />
  </div>
</template>

<script>
import { Editor } from "vuetify-markdown-editor";

export default {
  name: 'MdTest',
  components: {
    Editor,
  },
  data() {
    return {
      tcData: "",
    };
  },
}
</script>