TinyMCE 및 jQuery 모바일 텍스트 영역

Question

이것은 매우 간단하지만 작동하지도 못하고 답을 찾을 수없는 것 같습니다.

나는 텍스트 영역 (editcontent)가 내에 onLoad 함수에서 나는이 시도 :

$('#editcontent').tinymce({ 
    // Location of TinyMCE script 
    script_url: 'tinymce/jscripts/tiny_mce/tiny_mce.js', 

    // General options 
    theme: "advanced", 
    plugins:"pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template", 

나는이 페이지로, 텍스트 영역이 DOM에 존재하지만 (화면에 표시하지 않습니다 Chrome에서 확인 중입니다.) 스크립트 위치가 정확한지 알고 있습니다. 내가 뭘 놓치고 있니?

Answer 1

나는 단지 하나의 텍스트 영역을 가지고 있기 때문에, 나는 그것을 수행하는 tinymce init 방법을 사용했다. 나는 그것이 다른 방법으로 행해질 수 있다고 확신하지만, 무엇이 잘못되었는지를 모른다.

는 SO : 이것은 내 하나의 텍스트 영역에 나를 위해 작동

tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced", 
     plugins : "emotions,spellchecker,advhr,insertdatetime,preview", 
     theme_advanced_toolbar_location : "top", 
     theme_advanced_toolbar_align : "left"   
    }); 

... 난 단지 didnt한다 (I 기술적 하나만 사용하고 있더라도) TinyMCE에 박스와 같은 모든 텍스트 영역을 선언하고 싶지.

Answer 2

당신은 그것을 하나 개 이상의 편집기 인스턴스

tinyMCE.init({ 
    mode: 'exact', 
    elements : "id_of_texarea, id_of_textarea2, id_of_a_div", 
    theme : "advanced", 
    plugins : ... 
    }); 

Answer 3

내가 TinyMCE에 일을 가지고, 그것을 할 방법이가 작동하려면이 초기화 기능 설정을 사용할 수 있습니다, 당신은 정확하게 3 가지를 적용해야합니다

<script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script> 

을 :

1) 장소는 올바른 폴더

2) 태그에 TinyMCE에 스크립트 파일을 가져 오기에 스크립트 파일을 tiny_mce.js

3) 당신이 좋아하는 옵션 TinyMCE에 문서가 준비 시작 :

$(document).ready(function() { 
    tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced", 
     theme_advanced_buttons1 : "bold,italic,bullist,numlist", 
     theme_advanced_buttons2 : "", 
     theme_advanced_buttons3 : "", 
     theme_advanced_buttons4 : "", 
     theme_advanced_toolbar_location : "top", 
     theme_advanced_toolbar_align : "left", 
     theme_advanced_resizing : false 
    }); 
});