如何在点击打开编辑器

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 

});