Vue: v-model ์ง€์‹œ๋ฌธ on

์— ๋งŒ๋“  2015๋…„ 11์›” 02์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vuejs/vue

v-model ์ง€์‹œ๋ฌธ์€ ํ˜„์žฌ๋กœ์„œ๋Š” textarea o ๋˜๋Š” ์ž…๋ ฅ ์š”์†Œ์—์„œ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
'์ปจํ…์ธ ์—๋””ํ„ฐ๋ธ”'์—์„œ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์š”!

์นœ์• ํ•˜๋Š”,
๋ฒ ๋ƒ๋ฏผ

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

ํŽธ์ง‘ ๊ฐ€๋Šฅํ•œ ์ฝ˜ํ…์ธ ๋Š” ์ž…๋ ฅ ๋ฐ”์ธ๋”ฉ๋ณด๋‹ค ํ›จ์”ฌ ๋” ๋ณต์žกํ•˜๋ฉฐ, ์‚ฌ์šฉ์ž ์ง€์ • ์ง€์‹œ๋ฌธ์œผ๋กœ ๋ž˜ํ•‘๋œ ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(์˜ˆ: Medium.js )๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์ข‹์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

ํŽธ์ง‘ ๊ฐ€๋Šฅํ•œ ์ฝ˜ํ…์ธ ๋Š” ์ž…๋ ฅ ๋ฐ”์ธ๋”ฉ๋ณด๋‹ค ํ›จ์”ฌ ๋” ๋ณต์žกํ•˜๋ฉฐ, ์‚ฌ์šฉ์ž ์ง€์ • ์ง€์‹œ๋ฌธ์œผ๋กœ ๋ž˜ํ•‘๋œ ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(์˜ˆ: Medium.js )๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์ข‹์Šต๋‹ˆ๋‹ค.

*์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค @yyx990803 ์ด ๋ฌธ์ œ๋ฅผ ์ข…๋ฃŒํ•˜๋Š” ๊ฒƒ์„ ๋ณด์•˜์Šต๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š” @bdedardel
์ €๋Š” ์˜ค๋Š˜ summernote๋กœ ์ž‘์—…ํ•˜๊ณ  ๊ท€ํ•˜์˜ ์งˆ๋ฌธ์„ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค.

๋‚ด ์†”๋ฃจ์…˜์€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด summernote์˜ onChange ์ฝœ๋ฐฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
๋‚ด vue ์ธ์Šคํ„ด์Šค๋กœ 'ํ”„๋กœ๊ทธ๋žจ'ํ•˜์ž
๊ทธ๋ฆฌ๊ณ  'ํ”„๋กœ๊ทธ๋žจ'์—์„œ ๋‚ด ๋ชจ๋ธ๋กœ '๋””ํ…Œ์ผ'.

          $('#summernote').summernote({
              onChange: function(contents, $editable) {
                // console.log($editable);
                program.detail = $editable;
              }
            })

์ด๊ฒƒ์ด ๋‹น์‹ ์˜ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ์ข‹์€ ๋ฐฉ๋ฒ•์ธ์ง€ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค
*์•„๋งˆ๋„ ๋‹น์‹ ์€ ์ด๋ฏธ ๊ทธ๊ฒƒ์„ ์–ป์—ˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค

@abdulahkam ๊ท€ํ•˜์˜ ๊ฒŒ์‹œ๋ฌผ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๋‚˜๋Š” summernote๊ฐ€ ๋‚ด ์š”๊ตฌ์— ์ •ํ™•ํžˆ ์‘๋‹ตํ•˜์ง€ ์•Š๋”๋ผ๋„ ์ด ์†”๋ฃจ์…˜์„ ์‹œ๋„ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค!

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰