我想用 Html 5 和 Query 编写一个所见即所得的编辑器。现在我的页面左侧有一些 Query 元素,例如 Button、TextBox.... 这些元素,您可以从左侧拖放到中心 div 框中。
可以将中心 div 框的值转换为新的 Html 站点吗?(您在中心 div 框中看到的内容应该在独立的 Html 站点中)
是的!!您可以div.innerHTML
单独使用 which 只是 HTML,并且可以将其包装在要在另一个站点上维护的另一个 html 页面的 body 标记中。
您可以将此内容保存为test.html
文件
<html>
<body>
<div id="divEdit" contentEditable="true"></div>
<button onclick="alert(document.getElementById('divEdit').innerHTML)">See HTML</button>
</body>
</html>
并在浏览器上打开;在 div 中输入一些内容(也支持格式化,因此您可以将某些内容加粗和斜体)并点击按钮。您将看到 div 控件发出的 HTML。
希望这是你要找的:
<div class="clickable" url="http://google.com">
Anything
</div>
$("div.clickable").click(
function()
{
window.location = $(this).attr("url");
return false;
});
您可以获取任何元素的值并将其设置为变量,然后您可以使用它。
var text = $('Your element').val();