[QT]example10-RichText Editor(1)

๐Ÿ‘‰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

Leave a Reply