Javascript 将一个DIV转换为带有“specific”的textarea；名称“；属性

我创建了一个小的管理面板，用于为DayZ服务器执行简单的数据库任务。现在我想为我的网站上的新闻简介做一个简单的编辑。新闻简介存储在我数据库的一个表中。我想要的是，当页面加载时，它只是回显数据，看起来就像在实时站点上一样。然后，当我单击它时，我希望它转换为：

<textarea name="edit><?php echo news; ?></textarea>

将表单更改为：

<form method="post" action="newsedit.php">
    <div id="<?php echo $newsID;?>"><?php echo nl2br($news); ?></div>
    <input type="submit" value="Edit News" />
</form>


var editableText=$（“”）；

检查文本区域
试试这个

$("#editable").click( function(){

    $(this).replaceWith(function() {
  return $("<textarea name='edit'>").text(this.innerHTML);
});

});

$（“#可编辑”）。单击（函数（）{
$（this）.replaceWith（function（）{
返回$（“”）.text（this.innerHTML）；
});
});


<form method="post" action="newsedit.php">
    <div id="<?php echo $newsID;?>"><?php echo nl2br($news); ?></div>
    <input type="submit" value="Edit News" />
</form>

 var editableText = $("<textarea name='edit' />");

$("#editable").click( function(){

    $(this).replaceWith(function() {
  return $("<textarea name='edit'>").text(this.innerHTML);
});

});