切换和jQueryUI按钮

我想让我的用户选择使用两种编辑器中的一种：

• HTML编辑器
• MCE编辑

---

在选择编辑器并使其工作时，我可以处理此代码的编码。但是我在UI方面有问题。起初，我给了用户一个复选框，但现在我想更好的方法是使用jQueryUI按钮并切换它以显示文本“HTML编辑器”或“MCE编辑器”。有人编写过类似的代码吗？我已经查看了button的文档，但我仍然不清楚如何在两种状态之间切换。

只要确保您的HTML中有一个id为

toggleButton

的按钮即可

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（）

，如所示，只是切换元素的可见性，不适合您的目的

$（“#控件#html”）。按钮({
    $( "#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>

文本：“编辑”，
})
。单击（函数（）{
var btn=$（“#控件#html”）；
按钮（“选项”、“文本”、“MCE”）；
如果（btn[0]。已选中）{
按钮（'option'，'text'，'HTML'）；
doMCE（）；
}否则{
按钮（“选项”、“文本”、“MCE”）；
doHTML（）；
}
});