v-model ์ง์๋ฌธ์ ํ์ฌ๋ก์๋ textarea o ๋๋ ์
๋ ฅ ์์์์๋ง ์ฌ์ฉํ ์ ์์ต๋๋ค.
'์ปจํ
์ธ ์๋ํฐ๋ธ'์์ ์ฌ์ฉํ๋ฉด ์ข์ ๊ฒ ๊ฐ์์!
์น์ ํ๋,
๋ฒ ๋๋ฏผ
ํธ์ง ๊ฐ๋ฅํ ์ฝํ ์ธ ๋ ์ ๋ ฅ ๋ฐ์ธ๋ฉ๋ณด๋ค ํจ์ฌ ๋ ๋ณต์กํ๋ฉฐ, ์ฌ์ฉ์ ์ง์ ์ง์๋ฌธ์ผ๋ก ๋ํ๋ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ(์: Medium.js )๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ต๋๋ค.
*์ฃ์กํฉ๋๋ค @yyx990803 ์ด ๋ฌธ์ ๋ฅผ ์ข ๋ฃํ๋ ๊ฒ์ ๋ณด์์ต๋๋ค.
์๋
ํ์ธ์ @bdedardel
์ ๋ ์ค๋ summernote๋ก ์์
ํ๊ณ ๊ทํ์ ์ง๋ฌธ์ ์ฐพ์์ต๋๋ค.
๋ด ์๋ฃจ์
์ ๋ค์๊ณผ ๊ฐ์ด summernote์ onChange ์ฝ๋ฐฑ์ ์ฌ์ฉํ ์ ์๋ค๋ ๊ฒ์
๋๋ค.
๋ด vue ์ธ์คํด์ค๋ก 'ํ๋ก๊ทธ๋จ'ํ์
๊ทธ๋ฆฌ๊ณ 'ํ๋ก๊ทธ๋จ'์์ ๋ด ๋ชจ๋ธ๋ก '๋ํ
์ผ'.
$('#summernote').summernote({
onChange: function(contents, $editable) {
// console.log($editable);
program.detail = $editable;
}
})
์ด๊ฒ์ด ๋น์ ์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ์ข์ ๋ฐฉ๋ฒ์ธ์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค
*์๋ง๋ ๋น์ ์ ์ด๋ฏธ ๊ทธ๊ฒ์ ์ป์์ ๊ฒ์
๋๋ค
@abdulahkam ๊ทํ์ ๊ฒ์๋ฌผ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋๋ summernote๊ฐ ๋ด ์๊ตฌ์ ์ ํํ ์๋ตํ์ง ์๋๋ผ๋ ์ด ์๋ฃจ์ ์ ์๋ํ ๊ฒ์ ๋๋ค!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ํธ์ง ๊ฐ๋ฅํ ์ฝํ ์ธ ๋ ์ ๋ ฅ ๋ฐ์ธ๋ฉ๋ณด๋ค ํจ์ฌ ๋ ๋ณต์กํ๋ฉฐ, ์ฌ์ฉ์ ์ง์ ์ง์๋ฌธ์ผ๋ก ๋ํ๋ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ(์: Medium.js )๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ต๋๋ค.