2014-10-09 9 views
0

WYSIWYG 텍스트 편집기에서 작업 중이며 iframe을 텍스트 영역으로 사용하고 있습니다. 페이지가로드되는 즉시 텍스트 영역을 선택하고 싶습니다. onload 이벤트와 focus() 함수를 시도했지만 둘 다 작동하지 않았습니다. DOM을하거나 작업 할 때 그들은하지 가장 유연한있어 ...bodyload에서 iframe을 자동으로 초점 맞추는 방법

<iframe name="richTextField" id="richTextField" style="border:#000000 1px solid; width:700px; height:300px;" ></iframe> 

그리고 자바 스크립트

function iFrameOn(){ 
richTextField.document.designMode = 'On'; 
} 
+0

iframe을 사용하는 특별한 이유가 있습니까? 그들은 요즘 나쁜 습관으로 간주됩니다. 특히 입력 필드가 있습니다. – Pogrindis

+0

제가 이것을 만들고있는 첫 번째 시간이며 자습서에서 그들이 사용하는 것을 지켜 봤습니다. 일반 텍스트 영역이 더 좋을까요? – Kimimaruu

+0

글쎄요 .. 아니면 심지어 DIV를 처음부터 만들거나 다른 라이브러리를 구현하고 있습니까? 무엇입니까 :'richTextField.document.designMode = 'On'; ' – Pogrindis

답변

0

더 나은 방법가 iframe을 사용하지 않는 것입니다 : 여기

코드입니다 HTML 요소.

좋은 방법은 당신이 필요로하는 모든이 기초를위한 자바 스크립트없이 섹션과 같은 요소 :

<section id="editable" contenteditable="true"></section> 

여기에서 Fiddle

당신이 원하는대로 편집 할 수있는 간단한 예를겠습니까 ..

HTML 마크 업이 있기 때문에 BOLD 등을 추가/적용하는 이벤트 (자바 스크립트)를 가질 수 있습니다. 모든 WYSIWYG.

편집기와 함께 행운을 비네!