利用wangEditor获取文章格式和内容

时间:2023-03-09 03:53:53
利用wangEditor获取文章格式和内容
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="wangEditor-master/dist/css/wangEditor.min.css" rel="stylesheet" />
<style>
#div1 {
width:%;
height:500px; }
//设置宽度 .wangEditor-container {
width:% !important;
margin-left:% !important;
height:300px;
} </style> </head>
<body>
<form id="form1" runat="server">
<div id="div1" >
<p>请输入内容。。。。</p>
</div>
<input id="button" type="button" value="提交" />
<script src="wangEditor-master/dist/js/lib/jquery-1.10.2.min.js"></script>
<script src="wangEditor-master/dist/js/wangEditor.min.js"></script>
<script>
$(function () {
var editor = new wangEditor('div1');
editor.create();
})
</script>
</form>
</body>
</html>
<script>
$("#button").click(function () {
var a = $("#div1").html();
alert(a);
}); </script>