2010-06-25 17 views
1

jQuery를 사용하여 어떻게 커서가 끝에 가까울 때 텍스트를 삽입 할 때 자동으로 새 줄을 추가하는 텍스트 영역을 만들 수 있습니까?텍스트 영역의 자동 줄 바꿈

텍스트 영역의 너비는 동적으로 CSS (예 : #myTextArea { width: 80%; })를 통해 이루어 지므로 각 줄의 문자 수를 계산하는 것과 같이 할 수 없습니다.

어쨌든 텍스트 영역의 내용은 JavaScript에서만 볼 수 있으므로 비 JS 솔루션은 필요하지 않습니다.

+0

이것은 어렵습니다. 호기심 때문에, 왜 이걸 원하니? 아마 textareas는 기본적으로 멋지게 어울리는 것을 알 것입니다. –

+0

정확하게해야 할 일이 무엇입니까? 당신이 원하는 스타일에 따라'단어 감싸기 : break-word; '가 아마도 당신의 문제를 해결할 수 있습니다. – BrunoLM

+0

@Marcel - 그렇습니다. 그러나 스크립트에서는 보이지 않습니다. – MiffTheFox

답변

1

You can get the calculated pixel width of the text area 및 텍스트 영역의 패딩 폰트의 가로 폭을 평균 (또는 모드 등 무엇이든) 찾아 볼 수 있습니다. 커닝을 추측 할 수 있습니다. 내가 뭘보고 있는거야? (힌트 : 줄의 길이를 문자로 계산하십시오)

당신은 카운트 문자를 언급 했으므로, 이미 그 방법을 알고 있다고 가정합니다. :-)

+0

내 IE 창의 글꼴 크기를 변경하면 모든 베팅이 나에게 어긋나게됩니다. – griegs

0

이것은 정말 해결하기 힘든 문제입니다. 나는 2 pahts 중 하나를 내려갈 것입니다. 1은 텍스트 영역을 그대로 사용하거나, 멋진 jQuery 편집기를 사용하여 텍스트를 멋지게 만듭니다.