전환과 jQuery를 UI 버튼

Question

내 사용자에게 하나 편집자의 두 종류의 사용할 수있는 옵션을주고 싶습니다

:

• HTML 편집기
• MCE 에디터
을

내가 처리 할 수 ​​

편집기를 선택하고 그 작업을 할 때이를 코딩합니다. 하지만 UI 측면에서 문제가 있습니다. 처음에는 사용자에게 체크 박스를 주었지만 jQuery UI 버튼을 사용하여 텍스트 "HTML 편집기"또는 "MCE 편집기"를 표시하는 것이 더 좋은 방법이라고 생각합니다. 누구도 이와 비슷한 코드를 작성 했습니까? 단추에 대한 설명서를 살펴 봤지만 두 가지 상태를 어떻게 전환 할 수 있는지는 아직 명확하지 않습니다.

Answer 1

HTML에 toggleButton의 ID가있는 버튼이 있는지 확인하십시오.

var isMCE = false; 

$("#toggleButton").click(function() { 
    if(isMCE) { 
     // change your editor back to normal here 
     isMCE = false; 
    } else { 
     // change your editor to MCE here 
     isMCE = true; 
    } 
}); 

toggle()

는 here에 따라, 단순히 요소의 가시성을 전환하고 목적에 맞게하지 않을 것입니다.

Answer 2

$("#controls #html").button({ 
       text: 'Edit', 
       }) 
       .click(function() { 
        var btn = $("#controls #html"); 
        btn.button('option', 'text', 'MCE'); 
        if (btn[0].checked) { 
          btn.button('option', 'text', 'HTML'); 
          doMCE(); 
        } else { 
          btn.button('option', 'text', 'MCE'); 
          doHTML(); 
        } 
       }); 

    <div id="controls"> 
     <input type="checkbox" id="html" name="html"><label for="html"></label> 
    </div>