텍스트 영역 내에서 사용 중지/편집 불가능 텍스트를 작성하려고합니다. 나는 첫번째 부분을 편집 할 수없는 속임수를 발견했다. How to lock the first word of a textarea? 그러나 내 문제는 텍스트의 끝에 그것을 만들고있다. 그러나 심지어 textarea "html 태그"가 아닐지도 모르지만 그 것처럼 보이고 편집 가능해야합니다.텍스트 영역에서 사용 중지 된 텍스트를 사용하는 방법
나는 많은 것을 연구하고 읽었으며, 다른 사람들은 바깥에 쓰고이 텍스트가 추가 될 것이라고 말했습니다. 하지만 그래. 그것은 나의 첫 번째 아이디어였습니다.
jQuery 플러그인이 있습니까?
건배! 첫번째 코멘트 후
편집 :
는 내가 텍스트 영역 아마 그것을 잘라하지 않을 수 있도록 다른 색이 될하기 위해 편집 할 텍스트가 필요하다고 언급하는 것을 잊었다.
나는 여기 뭔가 일하고있다 - 여기서 http://jsfiddle.net/index/tX44C/2/, 이미 많은 것을 작업 해왔다. contenteditable attr을 이미 사용하고있다. 하지만 여전히 Safari에서 약간의 결함이 있습니다. replaceWith이 발생하면 포커스가 사라집니다. 또한 IE 브라우저에서 테스트 할 수 없는데, 일부 IE는 "CSS 컨텐츠"에 문제가 있다고 생각합니다.
더 좋은가요?
편집 : 나는 위의 게시 된 링크에 몇 가지 변경 한 (나는 또한 링크 편집)과 지금은 아주 잘 작동하는 것 같다. 나는 다른 솔루션이 제시하지 않는 한 지금 이것을 사용할 것입니다.
설명 : 피들에있는 코드에는 contenteditable의 내용을보고있는 리미터와 기타 입력 상자가 포함되어 있습니다. 그러나 텍스트를 마지막면에 붙이기 위해 CSS :after과 content 속성을 사용하고 입력하는 동안 br를 제거하여 조작하기 만하면됩니다.
건배!
HTML5 contenteditable 속성을 사용하면 이와 비슷한 것을 얻을 수 있습니다.
편집 할 수없는 부분의 텍스트는 편집 할 수 있지만 해당 스팬의 텍스트는 편집 할 수 없습니다. 그러나 백 스페이스 키나 선택/삭제로 계속 삭제할 수 있습니다.
예. 나는 실제로 그 중 하나를 시도하고 또한 범위를 삭제할 수있는 것을 발견했습니다. 그것은 내 문제를 쉽게 해결할 수있었습니다. 또한 사파리에서는 span 텍스트 이외의 div를 클릭 할 수 없습니다. – index
느낌이 충분하지 않을 수도 있지만 사용자가 생성 한 이메일의 서명이 수정 된 경우에 사용했습니다. 그것은 단지 몇 가지 CSS 속임수입니다. 이 변경을 롤백하지 않는 경우
는
이것도 좋겠지 만 타이핑하는 동안 사용자 입력 옆에 필요합니다. – index
당신은, 예를 들어, 텍스트는 여전히 당신이 함께 종료 할 것을 종료 할까를 각 키를 누른 후에 확인할 수 있습니다 jsfiddle를 참조합니다. – ryuusenshi
Hrmn .. 그 일할 수 있습니다. 하지만 필자는 편집 불가능한 텍스트를 동적으로 가지고 있으며 아마도 다른 색상으로 만들기 위해 태그 나 다른 태그에 encompased되어야합니다. – index