๐Rich Text Editor๋ ์ฌ์ฉ์๊ฐ ํ ์คํธ ์์(formatting)์ ์ฝ๊ฒ ์ง์ ํ ์ ์๋๋ก ํ๋ ์ํํธ์จ์ด ๊ตฌ์ฑ ์์๋ ์์ ฏ์ ๋งํฉ๋๋ค. ์ผ๋ฐ์ ์ธ ํ ์คํธ ์ ๋ ฅ ํ๋์ ๋ฌ๋ฆฌ, ํ ์คํธ๋ฅผ ๊ตต๊ฒ(Bold), ๊ธฐ์ธ์๊ผด(Italic), ๋ฐ์ค, ๊ธ๊ผด ๋ณ๊ฒฝ, ํฌ๊ธฐ ์กฐ์ , ์์ ๋ณ๊ฒฝ, ๋ชฉ๋ก ์์ฑ(๊ธ๋จธ๋ฆฌ ๊ธฐํธ ๋๋ ๋ฒํธ), ๋งํฌ ์ฝ์ , ์ด๋ฏธ์ง ์ฝ์ ๋ฑ ๋ค์ํ ์์์ ์ ์ฉํ์ฌ ์์ฑํ๊ณ ํธ์งํ ์ ์๊ฒ ํด์ค๋๋ค.
A Rich Text Editor is a software component or widget that allows users to easily format text. Unlike a typical text input field, it allows users to write and edit text with a variety of formatting options, including bold, italic, underline, font change, resizing, color change, creating bulleted or numbered lists, inserting links, and inserting images.
1.๋์์ธ๋ง๋ค๊ธฐ / Create a design
Rich Text Editor(original souce code) : https://github.com/Anchakor/MRichTextEditor
์์ด์ฝ ๋ค์ด๋ก๋ / Icon Download : https://fontawesome.com/start
โ๏ธ์๋์ ๋์์๊ฐ์๋ ๋ชจ๋ ์์ด์ง๋ง ์์๋ง ๋ด๋ ์ดํดํ ์ ์์ต๋๋ค.
The video lectures below are all in English, but you can understand them just by watching the videos.
โ๏ธ์๋ ์์์ ์๋ํฐ์ ์ฌ์ฉ๋๋ ๋์ผํ ์์ด์ฝ์ ์ฐพ๊ธฐ๊ฐ ํ๋ญ๋๋ค.
The same icon used in the editor in the video below is hard to find.
โ๏ธ๊ทธ๋์ ์์ด์ฝ์ ์๋์ ๋งํฌ์์ ๋ค์ด ๋ฐ์ผ์๋ฉด ๋ฉ๋๋ค.
So, you can download the icon from the link below.
https://fontawesome.com/start
โ๏ธ์์ด์ฝ์ผ๋ก svg ํ์ผ์ ์ฌ์ฉ ํ ์ ์์ต๋๋ค.
You can use svg files as icons.
2.์คํ / Run
