# wysiwyg

15개의 포스트

[React] wysiwyg 에디터 사용기, quill 에러부터 react-draft-wysiwyg

React wysiwyg 사용하기 어드민 페이지를 만드는데 텍스트 에디터가 필요해서 몇가지를 찾아봤다. quill Toast UI React-draft-wysiwyg

4일 전
·
0개의 댓글
·
post-thumbnail

[WYSIWYG] 위지윅 에디터를 추가해보자,,^_^

작년쯤 아부지에게 디자이너말고 개발자의 길로 들어서겠다는 포부와 함께 HTML과 CSS로 작업한 프로젝트 페이지를 보여준 적이 있었다.몇 달 뒤, 아부지에게 "개발자가 된 김에 아부지 사업에 쓰이는 홈페이지를 리뉴얼해달라"는 부탁을 받게 된다.FE 파트도 잘 하지 못하

2023년 10월 4일
·
0개의 댓글
·
post-thumbnail

[Library] 웹에디터

✅ 웹 에디터를 사용하는 이유 위지위그(WYSIWYG) >What You See Is What You Get 보는대로 얻는다. 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식으로, 기존의 textarea같은 일반적인 텍스트가 아니다.

2023년 8월 21일
·
0개의 댓글
·

WYSIWYG 텍스트 편집기

Quill은 웹 애플리케이션에서 리치 텍스트 편집을 구현하기 위한 강력하고 유연한 자바스크립트 라이브러리입니다. Quill을 사용하면 사용자가 서식, 스타일, 이미지, 링크 등을 포함한 텍스트를 WYSIWYG 방식으로 편집할 수 있습니다. 즉, 텍스트 편집기에 내용을

2023년 8월 9일
·
0개의 댓글
·

React 텍스트 에디터(WYSIWYG) 비교

이번에 저작도구를 만들면서 사용할 텍스트 에디터를 선택하고자 비교한 것을 찾아보았다폰트변경, 정렬 등 quill에서 지원하는 기능이 저작도구에 더 적합하다 생각되어 Quill을 사용하기로 함참고https://jforj.tistory.com/211https&#x

2023년 1월 15일
·
0개의 댓글
·

Toast UI Editor

react에서 tui editor를 사용하려면 wrapper 패키지인 @toast-ui/react-editor 만 설치하고 사용 가능하다사용방법은 공식문서에 나온 것을 그대로 따라하면 된다onChange에서 전달되는 event 파라미터 또는 어딘가에 value를 저장할

2022년 12월 29일
·
0개의 댓글
·

Next.js App에 CKEditor5 적용하기

며칠 삽질하고 기록🙃Next.js 프로젝트에 WYSIWYG(위지윅) 에디터를 적용하기 위해서는 대부분 dynamic import를 사용하여 패키지를 동적으로 가져와야 한다. Next.js는 SSR를 포함하여 서버에서 또는 빌드 시에 앱의 일부를 렌더링할 수 있는데,

2022년 12월 18일
·
1개의 댓글
·
post-thumbnail

Toast UI Editor

블로그 제작을 위한 에디터 준비하기

2022년 8월 5일
·
0개의 댓글
·

Milkdown Editor

ProseMirror 기반의 WYSIWYG 에디터플러그인 설치 후 해당 플러그인을 use로 갖다대는 방식으로 사용할 수 있게 만든다.historyundo, redo 가능하게 한다.commonmark드래그 후 cmd + b 등의 동작을 지원해준다.ctx set})에디터를

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

Remirror로 5분만에 위지윅 에디터 만들기!

Remirror로 만드는 간단한 위지윅 에디터

2022년 5월 29일
·
0개의 댓글
·
post-thumbnail

heic-convert | HEIC 이미지 JPEG로 변환하기

어떻게하면 HEIC을 JPEG로 변환하고, 이를 자동화 시킬 수 있을까요? 이 글은 게시글에 첨부된 heic-convert 라이브러리를 사용하여 HEIC-JPEG 포맷 변환을 개인적으로 공부했던 기록입니다.

2022년 5월 15일
·
0개의 댓글
·
post-thumbnail

WYSIWYG tinyMCE 이미지 전송

tinyMCE로 이미지를 전송하면 서버에 base64로 전송이 되는 것은 알고 있었는데 텍스트 에디터엔 blob형태로 추가되어서 실제로 base64로 인코딩되어서 전송이 되는지 눈으로 확인해보았다.아이콘을 통해 이미지를 추가 하거나 이미지를 에디터에 직접 붙여넣기 해서

2021년 11월 3일
·
0개의 댓글
·
post-thumbnail

TinyMCE React integration

WYSIWYG, 웹 텍스트 에디터, TinyMCE를 리액트에서 사용하기

2021년 10월 16일
·
0개의 댓글
·

WYSIWYG 란?

우아한 테크 러닝에서 미니 노션 구현 시 사용할 라이브러리들에 대해 조사해야 했다. 'What You See Is What You Get, 보는 대로 얻는다' 라는 뜻으로 말 그대로 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다

2021년 6월 9일
·
0개의 댓글
·
post-thumbnail

Froala Editor

Froala Editor 사용하기

2021년 4월 26일
·
0개의 댓글
·