DIV 안에 커서 표시

멋진 편집자를 온라인으로 만들고 싶습니다. 사용자가 DIV/SPAN/다른 요소에 직접 입력한다는 인상을 주어야합니다.DIV 안에 커서 표시

나는 숨겨진 텍스트 상자에 예로 라우팅하여 키 입력을 캡처 할 수 있습니다,하지만 난 환상을 완료하기 위해 적절한 장소에 커서를 표시하는 방법을 알고 싶어요.

아이디어가 있으십니까?

2009-09-27 Sudhir Jonathan

(는 "텍스트"커서가 원하는 생각) (내가 생각하는 각 브라우저에 대한 다른 이름이있다), 시스템이이를 처리하도록합니다. 모든 기본 명령과 바로 가기 (ctrl + 왼쪽, 두 번 클릭하여 단어 선택 등)가 예상했던 것과 똑같이 작동하고 아무 것도 할 필요가 없으므로 훨씬 더 깨끗한 솔루션입니다.

이 다른 방법으로 가고 싶은 좋은 이유가 있다면 애니메이션 GIF를 사용하고 각 키 입력으로이를 바꿀 수 있습니다. 그들이 ... 어디 커서가 어려울 것이다 곳으로 마우스 커서를 변경

출처

2009-09-27 13:20:49 nickf

그래, 나는 커서를 생각했지만, 정말로 그 길을 내려갈 의도가 없다. contentEditable 속성을 지금 검색 할 것이다 ... 내가 필요한 것이 있는지 보겠다. –

contentEditable은 div가 "실제로"편집 가능한지, 확실하지 않은지 여부를 원하는대로 지정할 수 있습니다 .. – yoda

@yoda : 예. 그것은 그것도 편집 할 수 있습니다. 나는 실제로 조금 덜 기능적인 것을 원했다 : - / –

#editor {cursor:text;}

내가있는 브라우저 서식있는 텍스트 편집기의 대부분이 contentEditable 속성을 사용하여이를 믿고

출처

2009-09-27 13:20:39 yoda

을 찾는 고정 폭 글꼴을 사용하지 않는 - 그것은 당신에게 나는 그가 무슨 말을 믿을 텍스트 캐럿 (깜박이는 라인)을 제공하지 않습니다. 어려운 부분이 커서 – nickf

아 .. 그건 다르다 ... – yoda

그는 "적절한 장소에서 커서"고 말했다 .. 텍스트를 입력 할 때 사용자 지정 서식 및 스타일을 적용해야합니다. –

DIV 안에 커서 표시

답변

관련 문제