如何在PHP中获取值contentEditable

时间:2012-07-17 16:17:36

标签: php email contenteditable

我们如何在PHP中以html格式获取contentEditable中的内容

例如,我有这个代码,并希望在PHP中的变量中获取它的值:

<div contentEditable="true"> type here
<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1" /></div>

因为我想将它用作电子邮件的html正文。

事实上,我想获取contentEditable的值并将其保存到变量中,然后将该变量用作我的电子邮件的正文。知道如何执行此任务。

3 个答案:

答案 0 :(得分:7)

您需要将元素的内容存储在表单元素中,以便将其提交到PHP页面。

我认为您希望contenteditable而不是textarea用于富文本...请考虑查看TinyMCE之类的所见即所得编辑。

如果您仍想坚持使用当前的方法,那么在页面提交之前,您需要一些JS将div的值复制到隐藏的表单元素中。

HTML

<div id="emailcontent" contenteditable>asdf</div>
<form>
  <input type="text" id="a" name="a"/>
  <input type="submit" name="submit" id="submit" />
</form>

jQuery

$("#submit").click(function() {
  $("#a").val($("#emailcontent").html());
});

DEMO

答案 1 :(得分:3)

您可以尝试这样的事情:

var form = document.createElement("form");
form.setAttribute('action','some.php');
form.setAttribute('method','POST');
form.setAttribute('target','_self');
form.setAttribute('enctype','application/x-www-form-urlencoded');
form.innerHTML = '<input type="hidden" name="emailData" value="'+
                     document.getElementById('yourdivid').innerHTML+'" />';
form.submit();

然后在你的php中检索POST ed数据:

$data = $_POST['emailData'];

答案 2 :(得分:2)

如果你想使用PHP,也许你可以尝试使用php DomDocument 这个例子可能和你想要的一样

How can I get a div content in php

How to get a div via PHP?

或者您可以使用javascript和jquery来执行此操作