我正在尝试使用 Jeditable 来编辑内联文本区域中的一些内容。所以,我调用脚本文件:
<script src="js/jquery.jeditable.js"></script>
<script src="js/jquery.jeditable.autogrow.js"></script>
<script src="js/jquery.autogrow.js"></script>
然后我有一个应该向服务器发送数据的函数(我保留了示例 URL)。此函数创建一个文本区域并允许编辑:
$(".autogrow").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", {
indicator : "<img src='img/indicator.gif'>",
type : "autogrow",
submit : 'OK',
cancel : 'cancel',
tooltip : "Click to edit...",
onblur : "ignore",
event : "dblclick",
autogrow : {
lineHeight : 16,
minHeight : 32
}
});
然后,我要编辑的数据包含 HTML 标签,因为我必须存储它们:
$data = '<div style="color:red">Foo Bar</div>';
echo '<div class="autogrow">'.htmlentities($data).'</div>';
“echo”用标签完美地显示“$data”内容,但是当我想编辑内联 DIV 时,会创建一个 textarea 并在该 textarea 中显示以下数据:
<div style="color:red">Foo Bar<div>
代替:
<div style="color:red">Foo Bar</div>
如何显示正确的字符?