# wysiwyg

o1011

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

psa1195

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

ktw9115

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

agnusdei1207

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

gth1123

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

gth1123

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

timemash24

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

moonelysian

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

metamong

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

ehrbs2021

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

oneook

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

gth1123

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

gth1123

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

leyuri

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

inhalin

Froala Editor 사용하기