vue.js/vue.js 라이브러리
[vue.js]quill editor file upload base64에서 DB 저장으로 변경 처리
서론 지난번 프로젝트에서 사용한 quill editor 에서 이미지 업로드시 base64로 들어가는 부분을 이미지 업로드시 DB 저장으로 변경하는 로직으로 변경했던 방법을 정리하고자 한다. 소스 html 설명 quill editor에 toolbar에 editorOption으로 setting @ready를 이용하여 이미지 툴바 제어 script 확인
[vue.js] sheetjs 라이브러리를 이용하여 엑셀(excel) 업로드 및 읽기 예제
서론 지난번에 sheetjs 라이브러리를 이용하여 엑셀 다운로드(출처 : https://hjh0827.tistory.com/67) 를 적용했었다. 이번 프로젝트에서 엑셀 내용을 읽어서 이메일 주소 목록을 가져와 달라는 요청이 있어 동일 라이브러리를 이용하여 엑셀 업로드 및 읽기를 정리하겠다. 소스 html 설명 input : type = file 선언. ref 선언. input 변경시(change) 메소드 선언. script 설명 메소드 excelUpload : const xlsx = require("xlsx"); > xlsx 라이브러리 선언 const fileInfo = this.$refs.excelUpload.files[0]; > excelUpload 에 업로드한 files 정보 const toJso..
[vue.js] vue-quill-editor 사용법 및 옵션(options) 설정
서론 데이터를 입력하고 외부에서 해당 데이터를 view하기 위해 html에 style이나 tag를 직접 변경하는 에디터가 필요하여 찾던 중 html에 스타일이 적용되는 vue-quill-editor 에디터를 적용하였다. 설치 npm i vue-quill-editor 소스 vue script 설명 editorOption : 에디터 옵션을 설정하는 data - placeholder : 에디터 안에 placeholder - modules - toolbar : 에디터 상단 툴바 옵션 설정 ["bold", "italic", "underline", "strike"], // html : , , , ["blockquote", "code-block"], // html : , [{ header: 1 }, { header:..