๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’š UIUX ์›นํผ๋ธ”๋ฆฌ์…” ๊ณผ์ •(6๊ฐœ์›”)

2021-07-19 (98์ผ์ฐจ) toast ui ์ž‘์„ฑ๋ฐฉ๋ฒ•

by widely design 2021. 7. 20.

  TOAST UI 6~7๊ฐ•  

 

- ๊ณต์‹ ์™ธ์šฐ๊ธฐ

<h1>๋ทฐ์–ด</h1>
<div>
  <script type="text/x-template">

    ์š”๊ธฐ ๋ถ€๋ถ„์— ๋งˆํฌ๋‹ค์šด ๋ฌธ๋ฒ•์œผ๋กœ ๊ธ€์“ฐ๊ธฐ
  </script>
  <div class="toast-ui-viewer"></div>
</div>

 

-  codepen ๋„ฃ๋Š” ๋ฐฉ๋ฒ• (html, css)

  ์ฝ”๋“œํŽœ ์ž…๋ ฅ ํ›„ > ์šฐ์ธก ํ•˜๋‹จ embed๋ฒ„ํŠผ ํด๋ฆญ > Iframe ํด๋ฆญ >

  Make Code Editable "ON"์œผ๋กœ ์„ค์ • > ์ฃผ์†Œ ๋ณต์‚ฌ ํ›„, src ์•ˆ์— ์žˆ๋Š” ์ฃผ์†Œ๋งŒ ์ž˜๋ผ๋‚ด๊ธฐ >

  ์ฃผ์†Œ ๋’ค์— &height=500์„ ๋ถ™์—ฌ์ฃผ๊ธฐ(๋†’์ด์กฐ์ ˆ๊ฐ€๋Šฅ)

    ``` codepen

    ์š”๊ธฐ ๋ถ€๋ถ„์— ์ฃผ์†Œ ๋ถ™์—ฌ๋„ฃ๊ธฐ

    ```

 

-  codepen ๋„ฃ๋Š” ๋ฐฉ๋ฒ• (javascript, console์ฐฝ)

  to2.kr/bXA ์‚ฌ์ดํŠธ ์ ‘์† ํ›„ fork ํ›„, ์ž…๋ ฅ ํ›„, ์œ„์™€ ๋˜‘๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ ์‹คํ–‰

๋Œ“๊ธ€