contenteditable 속성이있는 HTML 컨텐트를 입력으로 표시

html 편집기로 contenteditable 속성을 사용할 수 있습니까? 예를 들어 Youtube 내장 코드를 contenteditable 속성이있는 div에 붙여넣고 즉시 동영상을 볼 수 있습니다.contenteditable 속성이있는 HTML 컨텐트를 입력으로 표시

<div class="editable" contenteditable="true"> 
    Text or html here… 
</div>

페이지를 새로 고치지 않고 어떻게해야할까요?

출처

2011-07-04 Rene Rebane

이 시도 :

http://jsfiddle.net/bVHHb/1/

은 기본적으로 그냥 버튼을 적용 만든, 클릭하면 복사 다른 홀더 DIV에 편집 사업부에서 HTML. 트릭은 내용 편집 가능한 div가 HTML 태그를 인 코드하므로 HTML을 디코딩해야한다는 것입니다.

출처

2011-07-04 17:29:03

답장을 보내 주셔서 감사합니다. 실제로 그것은 편집 가능한 내용의 입력이 편집 가능한 div에 다시 적용될 때 작동하는 것으로 보입니다. .focusout() 함수로 작동하는 apply 함수가 있습니다. [http://jsfiddle.net/erdMe/3/](http://jsfiddle.net/erdMe/3/) –

그래, 작동해야합니다. 그 내용을 다시 편집하면 이상한 일이 일어날 수 있음을 명심하십시오. –

예! 그것은 꽤 불안정합니다. 때로는 효과가 있고 때로는 효과가 없다는 이상이 있습니다. –

contenteditable 속성이있는 HTML 컨텐트를 입력으로 표시

답변

관련 문제