2009-02-06 3 views
0

html 4의 비 형식 텍스트를 편집하는 데별로 어려운 방법이 있는지 궁금합니다. html 5에서 설정할 수있는 contentEditable 속성이 있지만 더 나은 브라우저 지원을 원합니다. 그게 나에게 줄거야. gmail이 채팅 상태 표시기에서 이와 같은 작업을하는 것처럼 보입니다. 이것은 IE6에서 제대로 작동합니다 (html 5를 지원한다고는 생각하지 않습니다). 이것을 본 사람이 있습니까? 감사합니다, - 기계HTML에서 편집 가능한 div 콘텐츠 4

+0

"편집"이란 무엇을 의미합니까? 프로그래머가 Javascript를 통해 변경하거나 최종 사용자가 변경할 수 있습니까? –

답변

1

HTML5의 contentEditable은 (적어도) Firefox와 Safari에서도 지원되는 IE의 기존 속성을 모델로하므로 HTML5가 '지원'될 때까지 기다릴 필요가 없습니다.

엄청나게 못 생기는 디자인이지만 작동합니다.

+0

및 - 감사합니다. 꽤 안전합니다. 무서워하지 않으면 나는 그걸로 갈 것 같아. – morgancodes

+0

단순한 폼 편집 프로세스 (스크립트 없이도 작동 할 수 있음)가 필요하고 더 복잡하고 허술해지기 때문에보기가 어렵습니다. 사용자가 단순 텍스트 (스타일이 지정된 HTML이 아닌) 만 입력 할 수 있도록하려면 contentEditable을 사용하지 마십시오. – bobince

0

div 및 테이블을 포함하여 대부분의 DOM 요소에 대한 javascript에서 innerText 또는 innerHTML 속성을 설정할 수 있습니다.

+0

맞지만 사용자가 div를 입력 할 수 있기를 바랍니다. 키 스트로크 만보고하면 될 것 같아요.하지만 지금은 코드를 작성하고 싶지 않습니다. 또한 커서 위치를 감지 할 수 있는지 확실하지 않습니다. – morgancodes

1

CSS를 사용하여 <textarea>을 다른 것으로 보이시나요? 무언가가 폼 컨트롤이기 때문에 그것이 한 번처럼 보일 수 있다는 것을 의미하지는 않습니다. 배경, 그림자, 테두리 등을 변경할 수 있습니다.

+0

예, 그건 내 후퇴 일 테지만, 아주 작은 분야 일 것입니다. 하나 또는 두 단어입니다. div를 사용하는 아이디어가 마음에 들었습니다. 위젯 자체 크기를 그렇게 쉽게 만드는 것이기 때문입니다. 그 내용에 맞게 확장하고 싶습니다. – morgancodes

+0

div는 내용에 맞게 축소되지 않습니다. 경간은. 또한 컨텐츠 변경시 JavaScript의 크기를 조정하는 표준 텍스트 입력을 고려하십시오. – bobince