JQueryTE 텍스트 편집기의 동적 인스턴스를 만드는 방법

Question

this editor의 동적으로 생성 된 인스턴스를 통합하는 작은 프로그램을 만들려고합니다.

편집기를 열거 나 닫는 버튼을 만드는 기능 외에는 작동합니다. jsFiddle 내가 지금까지 가지고있는 것 중.

"use strict"; 
$(document).ready(function() { 

var createPad = $("#createPad").click(function() { 
var body = document.getElementById("body"); 

var editorNumberCounter = 1; 
var toggleOnOffCounter= 1; 
var editorName = '.'+ (editorNumberCounter++); 


var status = document.createElement('div'); 
status.className = "status"; 
status.id = "status"; 

var editorName= document.createElement('span'); 
editorName.className = "status"; 
editorName.id = "status"; 

$(body.appendChild(status)); 
$(body.appendChild(editorName)); 

var toggle = status.id + toggleOnOffCounter++; 

    $(editorName).jqte(); 

    // settings of status 
    var jqteStatus = true; 
    $(toggle).click(function() 
    { 
     jqteStatus = jqteStatus ? false : true; 
     $(editorName).jqte({toggle : jqteStatus}) 
    }); 

    }); 

    }); 

Answer 1

나는 당신의 코드에 몇 가지 변화를 만들어 냈다. 그래서, 고유해야합니다

1. 는 editorNumberCounter 및 toggleOnOffCounter 세계적 범위해야 variabiles하거나 증가 된 값을 (동적으로 생성 여부) 요소의
2. ID를 잃게 :

   나는 점에 의해 그들에게 점을 설명하려고 카운터를 고려하여 div 및 span 요소를 만들면 bind 메서드를 사용해야 동적으로 생성 된 요소에 대해

3. toggle 프로를 사용해야합니다. 퍼티가 존재하지 않는다! 당신은 status 속성을 사용해야합니다 바인더 제본되어 JQTE 위에 요소가 클릭 된 요소 다음으로 다음 요소를 얻을 수있다

코드 : http://jsfiddle.net/IrvinDominin/UfhNQ/14/