我需要更新由聯編輯一個段落

-1

HTML

<div> 
    <h1>Some text here</h1> 
    <p>Text area text here</p> 
</div>

jQuery的

$(function(){ 
    $('p').on('click', function(e){ 
     e.preventDefault(); 
     var txt = $(this).text(); 
     $(this).parent().append('<textarea>' + txt + '</textarea>'); 
     $(this).remove(); 
    }); 
});

的文本，我需要更新文本通過內聯編輯的段落。我需要在那裏輸入新的文本，並在textarea外面有人點擊時刪除textarea。

感謝

來源

2014-10-20 Codegiant

問題是什麼？你也可以使用'contenteditable'屬性。 – undefined 2014-10-20 07:41:22

「我需要通過內聯編輯更新段落的文字。」。你想編輯的地方？在textarea中更新段落？ – 2014-10-20 07:42:51

看看「contenteditable」屬性：http://www.w3schools.com/tags/att_global_contenteditable.asp – 2014-10-20 07:44:14

這裏是更新了自己的小提琴http://jsfiddle.net/99pxz8et/2/

你需要的是監聽新文本區域變化事件，然後更新

$area.one('focusout', function() { 
     $p.show();    
     $p.text($area.val()); 
     $area.remove()         
    });

編輯：改變。 on（）to .one（）

來源

2014-10-20 07:44:17 n0mercy

謝謝。它工作正常.. – Codegiant 2014-10-20 07:47:53

我需要更新由聯編輯一個段落

回答

相關問題