NicEdit检测工具栏设置何时更改

时间:2018-03-14 12:59:18

标签: javascript jquery wysiwyg nicedit

如何检测是否在NicEdit编辑器上应用了某些工具栏设置(例如 font size {{ 1}} 等)?我正在尝试显示实时更改,而不是在用户丢失font family或在编辑器外单击时。

focus
$.getScript("https://cdnjs.cloudflare.com/ajax/libs/NicEdit/0.93/nicEdit.min.js", function ( data, textStatus, jqxhr ) {
    var _content = "";
    var slideContent = new nicEditor({
        iconsPath: 'https://cdn.jsdelivr.net/nicedit/0.9r24/nicEditorIcons.gif'
    }).panelInstance('slide_content');
    
    // fix width
    $('.nicEdit-panelContain').parents('div:first').css('width', '100%');
    $('.nicEdit-main').css('width', '100%').css('minHeight', '54px').parents('div:first').css('width', '100%').css('minHeight', '54px');

    $("div.nicEdit-main").bind('keyup', function () {
        _content = $(this).html();
        setOutput(_content);
    });

    slideContent.addEvent('blur', function () {
        _content = $("div.nicEdit-main").html();
        setOutput(_content);
    });

    slideContent.addEvent("focus", function () {
        _content = $("div.nicEdit-main").html();
        setOutput(_content);
    });
    
});

function setOutput(content) {
   $("#output").html(content);
}

0 个答案:

没有答案