숨기기/표시 nicEdit은 버튼

Question

를 사용하여 I 다음 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(); 
    }); 
}, 

는 내가 긴 텍스트가 스크롤해야하는 경우 페이지 상단에 nicedit 패널을 가지고 sticky_panelContainer를 사용합니다.

여기 저장 및 닫기 기능이 있습니다. 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'); 
}, 

나는 그것이 당신을 올바른 길로 인도하기를 바랍니다.