![[JS] 순수 자바스크립트로 만든 최소 WYSIWYG 편집기 – Suneditor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTI1qDSSTa0WIBcMIUvPeThAp3sqRoNx2UhO7CoBaqjSC9Tritn5N1wqMd7853lGYJeRQ6VBxq-ohDUbscjVhoX6lPN94d-4XEOtkJKTbVobHfIAjUfU4daxhtp2X8t1uhMqqe6_Bf7RB4J5okROOptjpsJ6zzKD35Uwt7WeN9eU3kJrBUp4wI29r4R6I/w800/2025-01-29%2021%2030%2055.png)
Suneditor는 웹 애플리케이션을 위한 가볍고 유연하며 사용자 정의가 가능한 순수 JavaScript WYSIWYG 텍스트 편집기 입니다. 다운로드 필요한 suneditor.css와 suneditor.js를 HTML 문서에 삽입합니다. <link href="suneditor/css/suneditor.css" rel="stylesheet"> <script src="suneditor/js/suneditor.js&qu…
Read more »
라벨이 js 위지윅인 게시물 표시전체 보기
간단하고 심플하게 작성된 위지윅 에디터입니다. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"> <link rel="stylesheet" h…
Read more »간단한 위지윅 에디터 예제입니다. <h3>웹에디터</h3> <button id="bold">굵게</button> <button id="color">글자색</button> <button id="bgcolor">배경색</button> <button id="italic">이텔릭체</button> &…
Read more »execCommand 명령을 이용하면 인라인 편집 요소에 원하는 HTML 문자열을 삽입할 수 있습니다. 이를테면, 이미지를 넣거나 글자 모양, 정렬, 색상 등 다양한 요소를 추가할 수 있습니다. 형식은 다음과 같습니다. document.execCommand(command, userUI, value); command 에는 다음 명령을 사용할 수 있습니다. 클립보드 명령어 설 명 copy …
Read more »인라인 편집은 텍스트 필드나 모든 종류의 HTML 요소들을 편집할 수 있는데, 이 말은 텍스트를 입력할 수 있는 형태로 바꾸어서 사용자가 HTML 형식의 문자열을 입력할 수 있다는 뜻입니다. 인라인 편집을 흔히 위지윅이라 부르며, 다음 속성을 사용할 수 있습니다. 속 성 설 명 contenteditable 선택한 요소를 편집 가능하게 하는 속성 true | false 중 하나 true 이…
Read more »
