获得Contenteditable div html

Question

Jsfiddle在https://codemirror.net/。

我有一个满足的div。点击锚标记，我想要在div中写的任何内容的html。

现在，div正在运行，但点击锚标记时没有显示任何内容。

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

Answer 1

您也可以这样做：

onclick

Here is the JSFiddle

然后您不需要编写单独的函数并将其附加到a标记的{{1}}事件属性

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中使用此使用ID，并使用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);
});