2013-06-10 1 views
0

응용 프로그램 중 하나가 TinyMCE 텍스트 영역에서 URL을 사용하여 이미지를 거의로드하지 않습니다. 페이지가로드되면 일시적으로 텍스트 영역의 HTML 소스 코드가 표시되고 HTML 출력이 표시됩니다.TinyMCE 텍스트 영역에 HTML 소스 코드가 일시적으로 표시되는 것을 피할 수있는 방법이 있습니까?

는 이벤트의 순서는 다음과 언급 : 1] 사용자가 URL을 www.testurlforexplaination.com 2] HTML 형태로 데이터를 미리 채울 수있는 사용자 요청 3] HTML 양식은 텍스트 영역으로 구성
, 작은 MCE 서식있는 텍스트 조회수 영역, 라디오 버튼, 체크 박스 및 버튼. 4] 사용자가 작은 MCE 텍스트 영역에서 HTML 소스 코드를 즉시 봅니다 (전체 페이지가로드되기 전에) 5] 페이지가 완전히로드되면 사용자는 미리 채워진 데이터로 원하는 HTML 출력을 보게됩니다.

위의 4 단계는 사용자에게 오류가 발생했다는 인상을 혼동합니다. 작은 MCE 텍스트 영역에서 HTML 소스 코드가 일시적으로 표시되는 것을 피할 수있는 방법이 있습니까? 여러 TinyMCE에 편집자가있는 경우

+0

일반 tinymce 빌드 또는 jQuery tinymce 빌드를 사용하고 있습니까? – Thariama

답변

2

, 나는 당신이

숨겨진에 작은 MCE에 링크 된 텍스트 영역의

설정 초기 속성 (공간을 보존)

<textarea id ="txtarea1"cols="20" rows="20" style="visibility:hidden;"> 

(각 텍스트 영역에 대한) 여러 inits을 믿습니다 그리고로드시에 주석 함량이 완료되면 보여주십시오.

// Add an observer to the onLoadContent event using tinyMCE.init 
tinyMCE.init({ 
... 
elements :"txtarea1", 
setup : function(tmced) { 
tmced.onLoadContent.add(function(tmced, obj) { 
$('.txtarea1').show(); 

}); 
} 
}); 
+0

감사 크리슈나는 제안 나는 tinyMCE.init 시도 ({ 모드 : "텍스트 영역", 테마 : \t 읽기 전용, "고급"사실, 플러그인 '자동 크기, inlinepopups', 모드 : "specific_textareas" editor_selector "mceEditor" content_css '/tiny_mce/themes/advanced/skins/default/content.css' autoresize_min_height : 80 autoresize_max_height : 400 설정 : 함수 (tmced) { tmced.onLoadContent.add (function (tmced, obj) { tmced.show(); }); } }}); 하지만 작동하지 않습니다. FYI : 양식에 6 개의 TinyMCE 텍스트 영역이 있습니다. –

+0

수정 된 답변을 시도해주세요. – Krishna

+0

해결책을 공유해 주신 Krishna에게 감사하지만 작동하지 않습니다. 제안 된 것처럼 텍스트 영역의 가시성은 숨겨져 있습니다. tinyMCE가 JS –

관련 문제