Problem
quill.setContents(content);
This remove width property
Cause
There is a missing on formats property on quill options
Solution
quill option you need to add width on formats property like below
export const defaultOptions: QuillOptionsStatic = {
modules: {
toolbar: {
container: defaultToolbarOptions,
'image-tooltip': true,
'link-tooltip': true,
handlers: {
// image: () => {}
},
},
imageResize: {
modules: [
'Resize',
'DisplaySize',
// "Toolbar"
],
handleStyles: {
backgroundColor: 'black',
border: 'none',
borderRadius: '0',
boxShadow: 'none',
cursor: 'se-resize',
height: '12px',
width: '12px',
zIndex: '10',
},
},
},
theme: 'snow',
formats: [
'header',
'font',
'size',
'bold',
'italic',
'underline',
'align',
'strike',
'script',
'blockquote',
'list',
'direction',
'bullet',
'ordered',
'check',
'indent',
'link',
'color',
'background',
'code-block',
'video',
'customImage',
'image',
'width',
],
};
https://github.com/kensnyder/quill-image-resize-module/issues/19
'✘✘✘ Javascript > Quill' 카테고리의 다른 글
[Quill] innerHTML = content 사용 시 생기는 문제점 (0) | 2023.05.04 |
---|---|
[Quill] Quill.prototype.focus(): 스크롤 최상단 초기화 (0) | 2023.04.14 |
[Quill] 툴바에 호버 시 tooltip 보여주기 (0) | 2023.04.05 |
[Quill] link에 https protocol Sanitization (http/https 붙이기) (0) | 2023.04.05 |
댓글