토스트에디터 검색 결과
2 개의 검색 결과가 있습니다.
TIPS/유용한IT팁

TOAST에디터 - 이미지 업로드 URL만 첨부 및 툴바 수정 (파일 업로드 막기)

토스트 에디터를 사용할 때 툴바를 용도에 맞게 커스텀해야할 때가 있고, 이미지 업로드도 필요에 따라 URL만 첨부가능하도록 해야할 때가 있다. 이미지의 드래그드롭 및 파일 첨부를 막고 URL만 첨부 가능하도록 할 수 있다.매우 간단하지만, 필요할 때 유용하게 사용할 수 있도록 기록해본다. 토스트 에디터 툴바 수정 및 이미지 URL 첨부 아래와 같이 툴바에 bold 와 image 업로드만 할 수 있도록 설정하였다. 해당 기능을 설정하는 방법은 아래와 같다. setEditor() { this.editor = new toastui.Editor({ el: document.querySelector('#editor'), toolbarItems: [ ['bold', 'image'] ], height: '600px',..

2022. 9. 16. 10:14
JavaScript

무료 웹 에디터 추천 - TOAST UI 기본 세팅 (Wysiwyg 에디터)

Wysiwyg 에디터 중 하나인 토스트UI(TOAST UI) 에디터를 선택하여 신규 프로젝트를 진행하게 되었습니다. TOAST UI Editor는 NHN에서 개발한 오픈소스이며, 마크다운과 위지윅 방식을 지원하는 에디터입니다. CKeditor와 Summernote를 고민하던 중 TOAST UI Editor를 선택했습니다. 이제 TOAST UI를 세팅하는 방법을 알아보도록 하겠습니다. 쉽게 세팅할 수 있었습니다. 1. CDN 추가 2. TOAST UI 기본 세팅 const Editor = toastui.Editor; const editor = new Editor({ el: document.querySelector('#editor'), height: '600px', initialEditType: 'markd..

2022. 4. 24. 11:59