This commit is contained in:
parent
446f9925c8
commit
27ab492b45
@ -49,7 +49,7 @@
|
|||||||
@keyup="ValidHandler('title')"
|
@keyup="ValidHandler('title')"
|
||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
<QEditor class="q-editor-container" @keyup="ValidHandler('content')" @update:data="handleContentUpdate" @update:imageUrls="imageUrls = $event" :is-alert="wordContentAlert" :initialData="contentValue"/>
|
<QEditor class="q-editor-container" @keyup="ValidHandler('content')" @update:data="handleContentUpdate" @update:imageUrls="imageUrls = $event" :is-alert="wordContentAlert" :initialData="contentValue"/>
|
||||||
<div class="text-end mt-5">
|
<div class="text-end mt-5">
|
||||||
<button class="btn btn-primary" @click="saveWord" :disabled="titleValue ? !changed : false">
|
<button class="btn btn-primary" @click="saveWord" :disabled="titleValue ? !changed : false">
|
||||||
<i class="bx bx-check"></i>
|
<i class="bx bx-check"></i>
|
||||||
|
|||||||
@ -333,11 +333,10 @@ import { useRoute } from 'vue-router';
|
|||||||
}
|
}
|
||||||
|
|
||||||
.q-editor-container {
|
.q-editor-container {
|
||||||
max-width: 100%;
|
max-width: 100%; /* 영역이 넘치지 않게 */
|
||||||
overflow: hidden;
|
overflow: auto; /* 넘치는 내용은 스크롤로 처리 */
|
||||||
text-overflow: ellipsis; /* 긴 내용이면 말줄임표 처리도 가능 */
|
word-wrap: break-word; /* 긴 단어는 자동으로 줄바꿈 */
|
||||||
word-break: break-word;
|
white-space: normal; /* 내용이 길어지면 자동으로 줄바꿈 */
|
||||||
white-space: normal;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user