get Contenteditable div html

Question

Jsfiddle at demo.

У меня есть удовлетворительный div. Я хочу, чтобы html того, что я пишу в этом div, нажатием тега привязки.

Сейчас, div работает, но ничего не отображается при щелчке якорной метки.

function getcode() 
{ 
    var content = $('#my-contenteditable-div').html(); 
    alert (content); 
} 

Answer 1

Вы можете сделать это, а также:

$("a").click(function() { 
    alert($('#my-contenteditable-div').html()); 
}); 

Here is the JSFiddle

Тогда вам не нужно писать отдельные функции и прикрепить его к атрибуту onclick событий в a тега

Answer 2

Попробуйте это

// get the link 
var link = document.getElementById("linkId"); 
// add click listener to it 
link.addEventListener("click",getcode,false); 
// you handler 
function getcode() 
{ 
    var content = document.getElementById("my-contenteditable-div"); 
    alert (content.innerHTML); 
} 

Answer 3

Только вы можете пойти с JQuery

Working Fiddle

$(document).ready(function() { 
    $('#gethtml').on('click', function(e) {  
    var content = $('#my-contenteditable-div').html(); 
    alert (content); 
    }); 
}); 

Answer 4

может использовать этот вариант использования идентификатора в a и DIV, чтобы показать данные

<div contenteditable="true" id="my-contenteditable-div"> 
    sdfsdfds 
</div> 
<a href="#" id="getcode" >Get HTML</a> 
<div id="show"></div> 

и JQuery

$("#getcode").click(function() { 
    var contents = $('#my-contenteditable-div').html(); 
    $("#show").text(contents); 
});