자바 스크립트로 텍스트 영역을 편집 할 수 없습니다.

Question

기본 텍스트 영역이 있습니다. 이 텍스트 영역에 단어 (예 : #default)를 쓰고이 단어 만 편집 할 수 없게 만드는 javascript 함수가 필요합니다. 나머지 텍스트 영역은 정상적으로 쓰기 가능 상태를 유지해야합니다. 자바 스크립트를 통해 정의 된 단어 만 사용자가 편집 할 수 없습니다. IE7에서 제대로 작동하는 방법이 있습니까?

감사합니다.

Answer 1

텍스트 영역에 text-indent을 추가 한 다음 해시 태그에 절대 위치를 지정할 수 있습니다. 나는 IE7에서 작동 것 모르겠지만, 여기에 크롬과 파이어 폭스에서 작동하는 예입니다 : http://jsfiddle.net/c5ZKk/이

HTML :

이

<div class="hashtag">#hashtag</div> 
<textarea>editable text</textarea> 

CSS : 그래서

body, textarea { 
    font: 14px/1.5 Arial, sans-serif; 
} 

.hashtag { 
    position: absolute; 
    color: #aaa; 
    margin: 6px 0 0 5px; 
} 

textarea { 
    margin: 0; 
    padding: 5px; 
    text-indent: 62px; 
    width: 300px; 
    height: 200px; 
}