隱藏/顯示nicEdit使用按鈕

Question

我有以下nicEdit：http://nicedit.com/

我想使用像這樣的功能：對

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但對於任何例子或者

Answer 1

我告訴你，我是怎麼做到的沒有工作。

如果我將編輯文本，我使用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'); 
}, 

我希望它能帶給你正確的方式。