<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clip

Hey <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url=

I tried to use <div class="snippet-clipboard-content notranslate position-relative

set height for the Editor about vue2-editor HOT 4 CLOSED

davidroyer commented on July 17, 2024 2

set height for the Editor

from vue2-editor.

Comments (4)

brettkowski commented on July 17, 2024 1

Hey @jingxiawl you can set the height using the below style:
<style> #responsibilityEdit .ql-editor { min-height:200px } </style>

from vue2-editor.

NightFarmer commented on July 17, 2024

from vue2-editor.

boxuanzhang commented on July 17, 2024

I tried to use

height: 350px;

instead of

min-height:200px;

This does work

I believe you can close this issue. lol

from vue2-editor.

mcat56 commented on July 17, 2024

I want to be able to set min-height less than 200px. This does not work for me, I have tried inline style as well as all of the following

.ql-toolbar .ql-snow + .ql-container .ql-snow {
    min-height: 50px !important;
}
.ql-container .ql-snow {
    min-height: 50px !important;
}

.ql-container .ql-snow {
    min-height: 50px !important;
}

#editor1 .ql-editor .ql-blank {
    min-height: 50px !important;
}

#editor2 .ql-editor .ql-blank {
    min-height: 50px !important;
}

#editor3 .ql-editor .ql-blank {
    min-height: 50px !important;
}

.ql-editor .ql-blank {
    min-height: 50px !important;
    height: 50px !important;
}

.ql-editor {
    height: 50px !important;
    min-height: 50px !important;
}

#editor1 .ql-editor {
    min-height: 50px !important;
    height: 50px !important;
}

#editor2 {
    min-height: 50px !important;
    height: 50px !important;
}

#editor3 {
    min-height: 50px !important;
    height: 50px !important;
}

.quillWrapper {
    min-height: 50px !important;
    height: 50px !important;
}

No matter what min-height: 200px always shows up on ql-editor

from vue2-editor.

Recommend Projects