我正在为一家公司开发一个简单的网页,该公司希望能够不时地自己编辑内容。然而,他们没有编程知识,因此我想使用嵌入式HTML编辑器,我选择了jQueryTE。
问题是我只知道如何将其用作一种形式,例如:
<form id = "wyForm" method="post" action="test.php">
<textarea class="editor"name = "testText">Hi</textarea>
<input type="submit" class="wymupdate" />
</form>
然后我会用jQuery:将文本区域转换为编辑器
<script> $('.editor').jqte() </script>
这样就可以将结果发送到更新数据库的.php页面。然而,很多时候我不想使用文本字段或表单,而只想使用一个简单的对象,我用同样的方式将其转换为编辑器。但在这种情况下,我该如何保存更改?
捕获表单提交事件并将内容复制到隐藏字段。
<form id = "wyForm" method="post" action="test.php">
<div class="editor" name="testText">Hi</div>
<input type="submit" class="wymupdate" />
<input type="hidden" id="editorHiddenField" />
</form>
$('#wyForm').submit(function() {
$('#editorHiddenField').val($('.editor').html());
});
你可能需要使用API来获取内容(我不熟悉这个插件),但这个概念是合理的。
编辑-如果您根本不想使用表格:
<div class="editor></div>
<button id="SaveButton">Save</button>
$(document).ready(function() {
$('#SaveButton').click(function(e) {
e.preventDefault();
$.post('savepage.php', { data: $('.editor').html() }).done(function() { alert('saved!'); });
});
});