2014-10-14 2 views
0

를 입력 내가 다음 코드 p와 DIV tag.using에 자리를 적용하려고하고 내가 뭔가를 쓰기 편집 모드에서 이제변경 이벤트 동작

HTML

<div id="test" placeholder="Start writing here..."></div> 

CSS

#test:empty:after { 
    content: attr(placeholder); 
} 

해당 div 태그를 누른 다음 "Enter"를 누르면 그 시간에 그것은 크롬의 속성을 가진 동일한 div 태그를 생성합니다 (그래서 공간의 대신에 "여기 쓰기 시작 ...", bcz 같은 태그가 생성되었습니다), firefox에서만 생성합니다 "br"t 동일한 태그 대신 ag. 그래서 그것의 해결책은 같은 태그 agian을 만들지 않고 단지 br 태그를 만드는 것입니다.

+0

문제를 재현하는 방법이 명확하지 않습니다. 어떻게 그리고 어디에서 div를 편집합니까? –

+0

나는 CMS에서 일하고 있는데 웹 사이트 편집기에서 위와 같은 자리 표시자를 넣고 싶지만 eneter 이벤트에 문제가 발생합니다. – user3755867

+0

내가 원하는 : http://jakiestfu.github.io/Medium.js/docs/#rich2. Medium.com – user3755867

답변

0

그래서 내가 올바르게하면 텍스트를 입력 할 수있는 영역 (<div id="test" ...>)이 필요합니다. 그런 다음 자리 표시 자 문자열 (Start writing here...)이이 영역에 필요합니다. 입력 한 텍스트로 무엇을하고 싶습니까? 조만간에 텍스트을 서버에 보내고 싶습니다!? 그래서 무엇 form 요소에 대한과

<textarea placeholder="Start writing here..."></textarea> 

Here 당신은 W3C의 스펙을 가지고있다. 표준 HTML 요소를 사용하면 브라우저 지원에서 성능에 이르기까지 유용성에 대한 접근성을 형성하고 많은 이점을 얻을 수 있습니다.

+0

hello의 특징, div 태그와 잘 맞았습니다. 그 시간에 enter 키를 누르면 Google 크롬을 사용하여 enter 키를 누르는 동일한 태그가 생성됩니다. 그리고 파이어 폭스에서 그것은 br 태그를 만들 것입니다, 그래서 firefox처럼이 크롬 행동을 어떻게 바꿀까요 ?? – user3755867