2013-03-28 2 views
1

약간 Ajax/Javascript가 추가/편집/제거되는 양식이 있습니다. 내가하고 싶은TinyMce를 Ajax/JavaScript 텍스트 영역에 설정

$(".edit_row input:radio[type=radio]").live("click",function() { 
var val=$(this).val(); 

var parent=$(this).parents("li").attr("id"); 

var text=jQuery("#"+parent).find("[name=text]").val(); 

switch(val){ 
case "1": 
var v='<input type="text" class="txtsmall" name="text" value="'+text+'" >'; 
jQuery("#"+parent).find(".resize").html(v); 
break; 
case "2": 
var v='<input type="text" name="text" class="txtbig" value="'+text+'" >'; 
jQuery("#"+parent).find(".resize").html(v); 
break; 
case "3": 
var v='<textarea name="text" class=" tinymce" rows="10">'+text+'</textarea>'; 
jQuery("#"+parent).find(".resize").html(v); 
break; 

} 
}); 

한 가지가 TinyMCE에되기 위해 일반에서 (WYSIWYG을)를 '경우 3'을 변경할 경우 : JS의 기능

하나처럼 보인다.

일반적으로 페이지의 머리에 우리는 TinyMCE를 시작하는 것입니다 :

$().ready(function() { 
$('textarea.tinymce').tinymce({ 
script_url : '/javascript/wysiwyg/tiny_mce.js', 
theme : "advanced" 
}); 
}); 

그런 클래스 텍스트 영역 클래스 = "TinyMCE에"를하고 TinyMCE에는 일이 않습니다.

자바 스크립트 내에서 클래스를 설정할 때 - 단지 표시/호출하지 않습니다.

WYSIWYG 필드로 동작하도록 전화를 걸 수있는 사람이 도와 줄 수 있습니까?

아직도 js를 통해 내 길을 찾았습니다 - 어떤 생각이라도 대단히 감사하겠습니다!

답변

1

당신은 당신의 텍스트 영역에게 ID를 부여하고 편집기 initalize이 전화를 사용할 수 있습니다 :

tinymce.execCommand('mceAddControl',true,'your_editor_id'); 
+0

안녕 Thariama를, 당신의 빠른 답장을 보내 주셔서 감사합니다. 나는 당신의 솔루션을 어떻게 구현할 것인지 잘 모르겠습니다. 나는 execCommand 기능을 약간 읽어야한다고 생각한다. 나를 방향으로 보내 주셔서 감사합니다. - Paul – Brandrally

+0

음, tinymce는 js-tinymce 파일을 포함 할 때 페이지에 나타나는 주 객체입니다. 나중에이 exec 명령을 사용하여 편집기를 초기화 할 수 있습니다. 또한이 작업을 위해 init 함수에 편집기 선택기가 없어야합니다. – Thariama