隐藏/显示nicEdit使用按钮

我有以下nicEdit：http://nicedit.com/隐藏/显示nicEdit使用按钮

我想使用像这样的功能：对

function submitTextEditor() { 
document.getElementById(".nicEdit-panelContain").style.color = "red"; 
$(".nicEdit-panelContain").css("display", "none"); 
} 

function editTextEditor() { 
document.getElementById(".nicEdit-panelContain").style.color = "red"; 
$(".nicEdit-panelContain").css("display", "block"); 
}

要尝试

<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> 
    <script type="text/javascript" src="../nicEdit.js"></script> 
    <script type="text/javascript"> 
     bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); 
    </script> 

    <h4 style="text-align:center;">Generate Job Overview</h4> 

    <p> 
     Within this overview, please make note of all necessary information, conditions, expectations and etc to 
     better assist Freelancer review. 
    </p> 
    <textarea id="createJob" name="area3" class="col-xs-8 col-sm-8 col-md-8 col-lg-8" style="width: 100%; height: 50%;"> 
    HTML <b>content</b> <i>default</i> in textarea 
    </textarea> 

    <button type="submit" class="btn btn-primary" onclick="editTextEditor()" style="background-color:#006dcc;">Edit</button> 
    <button type="submit" class="btn btn-primary" onclick="submitTextEditor()" style="background-color:#006dcc;">Submit</button> 
</div>

使用安装不仅隐藏了面板编辑，而且还使文本只读。不知道如何去做这件事。上面的函数我也尝试过使用textarea“createJob”的id，但没有运气。有什么建议么？

我想引用how to set nicedit uneditable但对于任何例子或者

来源

2016-11-17 narue1992

我告诉你，我是怎么做到的没有工作。

如果我将编辑文本，我使用dblclick，但可以使用任何其他操作。 objid是我设置的特殊属性，您可以使用div ID或名称。

我的niceditconfig。

NicEditconfig: 
{ 
    onClose: function(content, id, instance){ 
     $('div.nicEdit-pane').hide(); 
     instance.ne.removeInstance(id); 
     instance.ne.removePanel(); 
     $('#'+id).html($('#'+id).data('oldcontent')); 
     $(id).attr('contentEditable','false'); 
     var container = 'wiki_content_edit-'+$('input#contentid').val(); 
     $('#'+container).hide(); 
     $('#wiki_content_viewbox').show().click(); 
    }, 
    onSave : function(content, id, instance) { 
     $('div.nicEdit-pane').hide(); 
     wiki_save_content(content); 
     var container = 'wiki_content_edit-'+$('input#contentid').val(); 
     $('#'+container).hide(); 
     $('#wiki_content_viewbox').show().click(); 
     instance.ne.removeInstance(id); 
     instance.ne.removePanel(); 
     $(id).attr('contentEditable','false'); 
    }, 
    iconsPath : '/img/nicEditorIcons.gif', 
    buttonList : ['close','save','fontFormat','bold','italic','underline','ol','ul','link','unlink','image','fileupload','indent','outdent','xhtml','code'] 
}, 

$(document).on('dblclick','#wiki_content_view',function(){ 
     mywiki.editContent('wiki_content_edit_body',$(this).attr('objid')); 
});

editcontent函数。我使用不同的div来查看和编辑。

editContent: function(elm,objid) 
{ 
    var oc = $('#'+elm).html(); 
    var container = 'wiki_content_edit-'+objid; 
    $('#'+elm).data('oldcontent',oc); // backup the old content 
    $('#'+elm).attr('contentEditable','true'); // make div editable 
    $('div[id^=check]').buttonset(); 
    $('#wiki_content_viewbox').hide(); 
    $('#'+container).show(); 
    createUploader('file-uploader'); 
    var wikiNicEditor = new nicEditor(mywiki.NicEditconfig); 
    wikiNicEditor.panelInstance(elm); 
    $('#'+elm).focus(); 

    var sticky_panelContain_offset_top = $('div.nicEdit-panelContain').offset().top; 
    var sticky_panelContainer = function(){ 
     var scroll_top = $(window).scrollTop(); 
     if (scroll_top > sticky_panelContain_offset_top) { 
     $('div.nicEdit-panelContain').css({ 'position': 'fixed', 'top':0, 'left':0 }); 
     } else { 
      $('div.nicEdit-panelContain').css({ 'position': 'relative' }); 
     } 
    }; 
    sticky_panelContainer(); 
    $(window).scroll(function() { 
    sticky_panelContainer(); 
    }); 
},

我用sticky_panelContainer有nicedit面板在页面的顶部，如果我有很长的文字，必须滚动。

这里的保存和关闭功能。我使用nicedit按钮和函数调用。

saveEditContent: function(elm) 
{ 
    $('#'+elm).focus(); 
    var wikiNicEditor = nicEditors.findNicEditor(elm); 
    var inst = wikiNicEditor.instanceById(elm); 
    var bsave = inst.ne.nicPanel.findButton('save'); 
    bsave.mouseClick(); 
}, 

closeEditContent: function(elm) 
{ 
    $('#'+elm).focus(); 
    var wikiNicEditor = nicEditors.findNicEditor(elm); 
    var inst = wikiNicEditor.instanceById(elm); 
    var bclose = inst.ne.nicPanel.findButton('close'); 
    bclose.mouseClick(); 

    $(window).off('scroll'); 
},

我希望它能带给你正确的方式。

来源

2016-11-18 08:16:15 nevtag

隐藏/显示nicEdit使用按钮

回答

相关问题