![]()
contenteditable 👍 contenteditable 사용자가 요소를 편집할 수 있게 하는 옵션이다. HTML 태그를 입력하더라도 vue의 v-html과는 달리 문자열 그대로 표시한다. https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/contenteditable true: 편집 가능 / false: 편집 불가능 ex) textarea 의 값만 표기하고, 변경 불가능하게 할 경우 contenteditable = false disabled 예) textarea 에 입력한 값을 div 에 표시 (vuejs) {{ contents }} contenteditable에 css 속성 적용 // .scss div[contenteditable] ..
[HTML] Color Palette ( spectrum ) 🤜 Spectrum - MIT 라이센스 예) HTML Javascript (JQuery) // 스펙트럼 생성 $("#color").spectrum({ // allowEmpty:true, // 색 없음 가능 여부 default : false // showButtons: false, // 하단에 close , chose 버튼 preferredFormat: "hex", // 색 포멧 형식 지정 color: "#f00", // 초기 색 설정 showPalette: true, // 왼쪽 색 파레트 사용 여부 palette: [ ['#000000', '#ffffff'], // 한 줄에 두가지 색상 씩 두줄로 표시됨 ['#00ff00', '#ff0000']..
[HTML] 한글 깨짐 해결 방법 태그 안에 추가하면 된다. [참고] HTML인코딩
[HTML] input file 버튼 이미지로 변경 - Label에 이미지를 넣어주고, input 을 "display: none;" 해주면 된다. + 추가 파일 업로드 후 이벤트 처리 방법 var file = document.getElementById("file-input"); file.onchange = function(){ // ... };
