Ionic-framework: ๋ฒ„๊ทธ: contenteditable div์— ios ์ปค์„œ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2015๋…„ 07์›” 27์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ionic-team/ionic-framework

์œ ํ˜• : ๋ฒ„๊ทธ

ํ”Œ๋žซํผ : ios 8 ์›น๋ทฐ

๋‚˜๋Š” ์ด๊ฒƒ์„ ๋‚ด CSS ํŒŒ์ผ์— ๋„ฃ์—ˆ๋‹ค.

div[contenteditable=true] {
  -webkit-user-select: auto !important;
  -khtml-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  -o-user-select: auto !important;
  user-select: auto !important;
}

๋‚ด ์ด์˜จ ํ•จ๋Ÿ‰์— ๋‹ค์Œ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

<div id='input' contenteditable=true >
    test
</div>

๊ทธ๊ฒƒ์€ ๋ธŒ๋ผ์šฐ์ €์™€ ์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ ์ž˜ ์ž‘๋™ํ•˜์ง€๋งŒ ios์—์„œ๋Š” ์ด div๋ฅผ ํด๋ฆญํ•  ๋•Œ ์ปค์„œ๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜๋„ ๋‚ด์šฉ์„ ํŽธ์ง‘ํ•  ์ˆ˜๋Š” ์žˆ์Šต๋‹ˆ๋‹ค.

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

@Nick-The-Uncharted ํ•ด๊ฒฐ์ฑ…์€ ๋ฌด์—‡์ด์—ˆ์Šต๋‹ˆ๊นŒ?

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

@Nick-The-Uncharted ํ•ด๊ฒฐ์ฑ…์€ ๋ฌด์—‡์ด์—ˆ์Šต๋‹ˆ๊นŒ?

[contenteditable] {
        -webkit-user-select: text;
        user-select: text;
}

๋ฌธ์ œ๋ฅผ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ์ด ๋ฌธ์ œ๋Š” ์›๋ž˜ ๋ฌธ์ œ์™€ ๊ด€๋ จ์ด ์—†๋Š” ๋Œ“๊ธ€์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ž ๊ฒจ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ์—ฌ์ „ํžˆ ์ตœ์‹  ๋ฒ„์ „์˜ Ionic์—์„œ ๋ฌธ์ œ๊ฐ€ ๋˜๋Š” ๊ฒฝ์šฐ ์ƒˆ ๋ฌธ์ œ๋ฅผ ๋งŒ๋“ค๊ณ  ํ…œํ”Œ๋ฆฟ์ด ์™„์ „ํžˆ ์ฑ„์›Œ์กŒ๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

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