2017-09-05 11:30:31 +08:00
|
|
|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ckeditor.aspx.cs" ValidateRequest="false"
|
|
|
|
|
|
Inherits="FineUI.Examples.aspnet.ckeditor" %>
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head runat="server">
|
|
|
|
|
|
<title></title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<form id="form1" runat="server">
|
|
|
|
|
|
<f:PageManager ID="PageManager1" runat="server" />
|
|
|
|
|
|
<f:ContentPanel ID="ContentPanel1" runat="server" BodyPadding="5px" Width="850px" EnableCollapse="true"
|
|
|
|
|
|
ShowBorder="true" ShowHeader="true" Title="内容面板">
|
|
|
|
|
|
<textarea id="Editor1" name="Editor1" style="width: 100%;">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
FineUI（开源版）<br>
|
|
|
|
|
|
基于 ExtJS 的开源 ASP.NET 控件库。<br>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
FineUI的使命<br>
|
|
|
|
|
|
创建 No JavaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 的网站应用程序。<br>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
支持的浏览器<br>
|
|
|
|
|
|
Chrome、Firefox、Safari、IE 8.0+<br>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
授权协议<br>
|
|
|
|
|
|
Apache License 2.0 (Apache)<br>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
相关链接<br>
|
|
|
|
|
|
论坛：http://fineui.com/bbs/<br>
|
2017-11-23 13:16:05 +08:00
|
|
|
|
示例：http://demo.fineui.com/<br>
|
2017-09-05 11:30:31 +08:00
|
|
|
|
文档：http://fineui.com/doc/<br>
|
|
|
|
|
|
下载：http://fineui.codeplex.com/
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</textarea>
|
|
|
|
|
|
</f:ContentPanel>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<f:Button ID="Button2" runat="server" CssClass="marginr" Text="设置编辑器的值" OnClick="Button2_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:Button ID="Button1" runat="server" Text="获取编辑器的值" OnClick="Button1_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
<script type="text/javascript" src="../../res/js/jquery.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="../res/ckeditor/ckeditor.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
|
|
var containerClientID = '<%= ContentPanel1.ClientID %>';
|
|
|
|
|
|
|
|
|
|
|
|
F.ready(function () {
|
|
|
|
|
|
|
|
|
|
|
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
|
|
|
|
|
|
CKEDITOR.replace('Editor1', {
|
|
|
|
|
|
resize_enabled: false,
|
|
|
|
|
|
height: 200,
|
|
|
|
|
|
on: {
|
|
|
|
|
|
instanceReady: function () {
|
|
|
|
|
|
F(containerClientID).updateLayout();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// FineUI Ajax提交之前，将编辑器的值同步到表单字段中(textarea)
|
|
|
|
|
|
F.beforeAjax(function () {
|
|
|
|
|
|
$('#Editor1').val(CKEDITOR.instances['Editor1'].getData());
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 更新编辑器内容
|
|
|
|
|
|
function updateEditor(content) {
|
|
|
|
|
|
var editor = CKEDITOR.instances['Editor1'];
|
|
|
|
|
|
editor.setData(content);
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
