2011-09-21 1 views
2

크롬은 isContentEditable 속성 ("요소 검사"에 나열)을 지원하지만 INPUT, FORM - 실제로는 모든 것에 대해 false을보고합니다.html5, isContentEditable이란 무엇입니까?

예를 들어, INPUT이 읽기 전용이 아닌 것처럼 보일 수도 있습니다.

아무도 모르는 일이 있습니까?

+0

[무엇] (http://blog.whatwg.org/the-road-to-html-5-contenteditable) [이다] (HTTP : //html5demos.com/contenteditable) ['isContentEditable'] (http://www.w3.org/TR/html5/editing.html#contenteditable)? – Alex

+0

http://jsfiddle.net/Xxefu/ –

+0

@Alex - 위대한 링크 - thanks –

답변

9

isContentEditable은 양식 및 입력란과 관련이 없습니다. 인라인 편집 가능한 html 콘텐츠에 플래그를 지정하는 방법으로 설계되었습니다.

현재 작동하는 예를 볼 수 있습니다 http://www.navioo.com/javascript/dhtml/isContentEditable_Example_4513.html

당신은 그것에 대해 여기

읽을 수 있습니다 http://www.w3.org/TR/2009/WD-html5-20090423/editing.html

나 : http://blog.whatwg.org/the-road-to-html-5-contenteditable

+0

감사합니다! 두 가지 질문 : 하나는 contentEditable을 사용하는 방법에 대한 링크를 알고 있는가? 예를 들어, 사용자가 변경 사항을 입력했는지 어떻게 알 수 있으며, 두 개는 일반 HTMLElement가 입력 가능한지 여부를 알 수있는 단일 속성이있다. 예 : INPUT ? –

+0

1) 나는 onEdited 또는 무엇이든 던져진 표준 이벤트가 없기 때문에 일반적으로 사용되지 않는다고 확신합니다. 여기에 몇 가지 답변을 찾을 수 있습니다 : http://stackoverflow.com/questions/1391278/contenteditable-change-events – icchanobot

+0

2) 그냥 입력 또는 텍스트 영역을 확인할 수 있습니다. 다른 것 "enterable"무엇입니까? – icchanobot

3

요소의 isContentEditable 재산, 브라우저에서이를 지원 는 요소의 직접적인 하위 내용을 편집 할 수 있는지 여부를 알려줍니다. 그것은 (즉 컨트롤을 형성되지 않음) contenteditable 특성을 이용하여 편집 할 수있는 일반적인 비 대화식 콘텐츠에 특히 적용

<div contenteditable="true">This text is all <i>editable</i></div> 

<div><i>는 위 true를보고 양자의 isContentEditable 속성. 그러나 contentEditable을 지원하는 모든 브라우저가 isContentEditable을 지원하지는 않습니다. 예를 들어 Firefox 3.x는 contentEditable을 지원하지만 not isContentEditable을 지원합니다.

contenteditable은 HTML5에서 표준화되었지만 10 년 이상 지속되어 왔습니다. 그것은 2000 년에 IE 5.5에서 처음 소개되었고 결국 몇 년 후 다른 브라우저로 옮겨졌습니다. 파이어 폭스는 버전 3.0부터 사용하고있다. (1.0 이전 버전부터는 문서 전체에 대해 designMode을 사용 했음에도 불구하고) Safari는 2.0 버전부터 사용하고있다. 여기

가의 contentEditable 역사의 좋은 요약이다 : http://blog.whatwg.org/the-road-to-html-5-contenteditable

+0

[email protected]은 사이트와 목적을 지적했는데, 그 존재를 전혀 알지 못했습니다! 아주 좋았습니다. 한 가지 의견으로 "goodbye textarea"라고 말하면서 사용법과 지원 방법을 연구했습니다. 예를 들어 caniuse.com에는 목록이 표시되지 않고 Safari는 전화에 대한 일부 의견은 지원되지 않습니다. –

+0

@cc : 오 예, 저는 icchanobot의 링크를 중복해서 찾지 못했습니다. 'contenteditable'은 아직 iOS의 Safari에서 지원되지 않지만 iOS 5에서 지원됩니다. –

관련 문제