71 lines
2.7 KiB
Plaintext
Raw Permalink Normal View History

2017-09-05 11:30:31 +08:00
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ueditor_setvalue.aspx.cs" ValidateRequest="false"
Inherits="FineUI.Examples.aspnet.ueditor_setvalue" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<link rel="stylesheet" href="../res/ueditor/themes/default/css/ueditor.min.css" />
</head>
<body>
<form id="form1" runat="server">
<f:PageManager ID="PageManager1" runat="server" />
<f:ContentPanel ID="ContentPanel1" runat="server" BodyPadding="5px" Width="900px" EnableCollapse="true"
ShowBorder="true" ShowHeader="true" Title="内容面板">
<script type="text/plain" name="Editor1" id="Editor1">
</script>
</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>
<br />
<br />
本示例不支持文件上传请根据UEditor官网文档自行配置。
<f:HiddenField runat="server" ID="hfEditorInitValue"></f:HiddenField>
</form>
<script type="text/javascript">
window.UEDITOR_HOME_URL = '<%= ResolveUrl("~/third-party/res/ueditor/") %>';
</script>
<script type="text/javascript" src="../../res/js/jquery.min.js"></script>
<script type="text/javascript" src="../res/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="../res/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
var containerClientID = '<%= ContentPanel1.ClientID %>';
var hfEditorInitValueClientID = '<%= hfEditorInitValue.ClientID %>';
var editor;
F.ready(function () {
// 初始化
editor = UE.getEditor('Editor1', {
initialFrameWidth: '100%',
initialFrameHeight: 200,
autoHeightEnabled: false,
autoFloatEnabled: false,
focus: true,
onready: function () {
// 设置初始值
var editorInitValue = F('hfEditorInitValue').getValue();
if (editorInitValue) {
this.setContent(editorInitValue);
}
// 重新布局外部容器
F(containerClientID).updateLayout();
}
});
});
// 更新编辑器内容
function updateEditor(content) {
if (editor && editor.isReady) {
editor.setContent(content);
}
}
</script>
</body>
</html>