클릭시 TinyMCE로 입력을 변경 하시겠습니까?

Question

아래 입력란의 목록을 표시하고 있습니다. 내가 원하는 것은 TinyMCE 창의 입력을 click() 또는 hover()으로 변경하는 것입니다. 이렇게하려면 아래에 자바 스크립트를 썼습니다.하지만 그들은 분명히 작동하지 않습니다. 왜냐하면 그들은 <textarea이 아니기 때문입니다.

HTML

<div class="col-md-12"> 

    <div class="col-md-3"> 
     <input id="first" class="input-field" value="test1"/> 
    </div> 
    <div class="col-md-3"> 
     <input id="second" class="input-field" value="test2"/> 
    </div> 
    <div class="col-md-3"> 
     <input id="third" class="input-field" value="test3"/> 
    </div> 
    <div class="col-md-3"> 
     <input id="fourth" class="input-field" value="test4"/> 
    </div> 

    <!--This continues for some time--> 

    <div class="col-md-3"> 
     <input id="fiftyseventh" class="input-field" value="test57"/> 
    </div> 
    <div class="col-md-3"> 
     <input id="fiftyeight" class="input-field" value="test58"/> 
    </div> 
    <div class="col-md-3"> 
     <input id="fiftyninth" class="input-field" value="test59"/> 
    </div> 
    <div class="col-md-3"> 
     <input id="sixtieth" class="input-field" value="test60"/> 
    </div> 

</div> 

자바 스크립트

$("body").on("click", "input.input-field" function() { 
    var id = $(this).attr("id"); 
    tinymce.EditorManager.execCommand("mceRemoveEditor", true, id); 
    tinymce.EditorManager.execCommand("mceAddEditor", true, id); 
}); 

Answer 1

나는 것은 문제가 당신의 자바 스크립트 코드입니다.

는이 input.input-field을 추가 한 후 더 ","(쉼표)가없는

$("body").on("click", "input.input-field" function() { 

을 라인 - 확인하시기 바랍니다. 나는 거기 있어야한다.

$("body").on("click", "input.input-field", function() { 

모든 코드가 정상적으로 작동하는지 확인했습니다. 여기

은 정말, 백 배 읽어해야했습니다 쉼표 노력의 일 후에 문제가 될 수있는 짜증하는 DEMO