如何在點擊打開編輯器

Question

我有5個div的頁面，我想打開所選div的點擊編輯器。

和div的內容會進入編輯器，我會爲此做的。

是否有任何j查詢。

Answer 1

你想現場編輯的內容？你看過Jeditable插件嗎？

Answer 2

查看NicEdit或TinyMCE。兩者都可以配置爲編輯div或其他任何元素中的內容。

Answer 3

CSS: 
    .hidden{ 
     display:none; 
    } 

    <div id="container"> 
     <div id="div1" class="edit-div"><div class="editor hidden"></div><div class="content"></div></div> 
     <div id="div2" class="edit-div"><div class="editor hidden"></div><div class="content"></div></div> 
     <div id="div3" class="edit-div"><div class="editor hidden"></div><div class="content"></div></div> 
     <div id="div4" class="edit-div"><div class="editor hidden"></div><div class="content"></div></div> 
     <div id="div5" class="edit-div"><div class="editor hidden"></div><div class="content"></div></div> 
    </div> 

var xeditorChange = function(el) 
{ 
    if ($(el).length>0) 
    { 
    $(el).find(".content") 
      .empty() 
      .html(editor.getText()) 
      .removeClass("hidden"); 

    $(el).find(".editor") 
     .empty() 
     .addClass("hidden"); 
    } 
}; 

$(function(){ 
    $(".edit-div").click(function() 
{ 
    xeditorChange($("#container").find(".editing")); 

    editor.addText($(this).find(".content").html()); 
    $(this).find(".content").addClass("hidden"); 
    $(this).find(".editor").removeClass("hidden"); 

    //show editor in $(this).find(".editor") 
}); 

    //on save text in editor add the html with reverse function 

});