채택완료
글작성시 썸네일 이미지 드래그할때 특정 속성만 붙여넣기 하는 방법 궁금해요
현재 Ckeditor5 30버전으로 스킨을 제작중에 있습니다.
글작성시 썸네일 이미지 드래그하여 에디터에 붙여넣기할때 썸네이 이미지 주소가 아닌 "data-url" 속성이 편집기에 입력되도록 하는 방법이 없을까요??
예를 들어 썸네일 이미지의 속성이 아래와 같다면...
Copy
<img src="thumb-0001.jpg" data-url="0001.jpg" />위 썸네일을 마우스로 드래그하여 편집기에 드롭하면 "src" 속성이 입력되는데 "data-url" 속성이 입력되도록 하고 싶은데 어떤 방식으로 해야 할지 방향이 잡히질 않네요.
도움이나 흰트좀 주시면 정말 감사하겠습니다.
답변 1개 / 댓글 2개
채택된 답변
+20 포인트
비버팩토리답변에 대한 댓글 2개
2021-10-29 (금) 23:36:35
답변을 작성하려면 로그인이 필요합니다.
[code]
document.querySelectorAll('.tImg').forEach((emoteImage) => {
emoteImage.addEventListener('dragend', (event) => {
var imgTag = '<figure class="image ck-widget ck-widget_with-resizer ck-widget_selected" contenteditable="false">'
+ '<img src="'+event.target.dataset.url+'">';
+ '</figure>';
const viewFragment = wr_content_editor.data.processor.toView(imgTag);
const modelFragment = wr_content_editor.data.toModel( viewFragment );
wr_content_editor.model.insertContent(modelFragment);
});
});
[/code]