Jquery 将div框的Html添加到新的Html站点_Jquery_Html

Jquery 将div框的Html添加到新的Html站点

jquery html

Jquery 将div框的Html添加到新的Html站点,jquery,html,Jquery,Html,我想用HTML5和查询编程一个WYSIWYG编辑器。现在我在页面的左侧有一些查询元素，比如按钮、文本框。。。。对于这些元素，您可以从左侧拖动，然后将其放到中间的div框中可以将中心div框的值转换为新的Html站点？（您在中心div框中看到的内容应该在独立的Html站点中）是！！您可以使用div.innerHTML，它本身就是HTML，可以包装在另一个站点上要维护的另一个HTML页面的主体标记中您可以将此内容保存为test.html文件 <html> <body>

我想用HTML5和查询编程一个WYSIWYG编辑器。现在我在页面的左侧有一些查询元素，比如按钮、文本框。。。。对于这些元素，您可以从左侧拖动，然后将其放到中间的div框中

可以将中心div框的值转换为新的Html站点？（您在中心div框中看到的内容应该在独立的Html站点中）

是！！您可以使用

div.innerHTML

，它本身就是HTML，可以包装在另一个站点上要维护的另一个HTML页面的主体标记中

您可以将此内容保存为

test.html

文件

<html>
<body>
    <div id="divEdit" contentEditable="true"></div>
    <button onclick="alert(document.getElementById('divEdit').innerHTML)">See HTML</button>
</body>
</html>


请参阅HTML

并在浏览器上打开；在div中键入一些内容（也支持格式化，因此可以将某些内容加粗和斜体），然后点击按钮。您将看到div控件发出的HTML。

希望这就是您想要的：

<div class="clickable" url="http://google.com">
       Anything
    </div>

$("div.clickable").click(
function()
{
    window.location = $(this).attr("url");
    return false;
});


任何东西
$（“div.clickable”）。单击(
函数（）
{
window.location=$（this.attr（“url”）；
返回false；
});

您可以获取任何元素的值，并将其设置为变量，以后可以使用它

var text = $('Your element').val();

我不明白你的问题。你能再清楚一点吗？他想要一个可以拖放元素的中间div。然后，完成后，中间div中剩下的都是一个独立站点。