185 lines
5.9 KiB
Plaintext
185 lines
5.9 KiB
Plaintext
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DocEditor.aspx.cs" Inherits="OnlineEditorsExample.DocEditor" Title="ONLYOFFICE™" %>
|
|||
|
|
|
|||
|
|
<%@ Import Namespace="System.IO" %>
|
|||
|
|
<%@ Import Namespace="OnlineEditorsExample" %>
|
|||
|
|
|
|||
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|||
|
|
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head runat="server">
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|||
|
|
<link rel="icon" href="~/favicon.ico" type="image/x-icon" />
|
|||
|
|
<title>ONLYOFFICE™</title>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
html {
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
background: #fff;
|
|||
|
|
color: #333;
|
|||
|
|
font-family: Arial, Tahoma,sans-serif;
|
|||
|
|
font-size: 12px;
|
|||
|
|
font-weight: normal;
|
|||
|
|
height: 100%;
|
|||
|
|
margin: 0;
|
|||
|
|
overflow-y: hidden;
|
|||
|
|
padding: 0;
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
form {
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script language="javascript" type="text/javascript" src="<%= DocServiceApiUri %>"></script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript" language="javascript">
|
|||
|
|
|
|||
|
|
var docEditor;
|
|||
|
|
var fileName = "<%= FileName %>";
|
|||
|
|
var fileType = "<%= Path.GetExtension(FileName).Trim('.') %>";
|
|||
|
|
|
|||
|
|
var innerAlert = function (message) {
|
|||
|
|
if (console && console.log)
|
|||
|
|
console.log(message);
|
|||
|
|
;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var onReady = function () {
|
|||
|
|
innerAlert("Document editor ready");
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var onBack = function () {
|
|||
|
|
location.href = "default.aspx";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var onDocumentStateChange = function (event) {
|
|||
|
|
var title = document.title.replace(/\*$/g, "");
|
|||
|
|
document.title = title + (event.data ? "*" : "");
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var onDocumentSave = function (event) {
|
|||
|
|
SaveFileRequest(fileName, fileType, event.data);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var onError = function (event) {
|
|||
|
|
if (console && console.log && event)
|
|||
|
|
console.log(event.data);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var сonnectEditor = function () {
|
|||
|
|
|
|||
|
|
docEditor = new DocsAPI.DocEditor("iframeEditor",
|
|||
|
|
{
|
|||
|
|
width: "100%",
|
|||
|
|
height: "100%",
|
|||
|
|
|
|||
|
|
type: '<%= Request["action"] != "embedded" ? "desktop" : "embedded" %>',
|
|||
|
|
documentType: "<%= DocumentType %>",
|
|||
|
|
document: {
|
|||
|
|
title: fileName,
|
|||
|
|
url: "<%= FileUri %>",
|
|||
|
|
fileType: fileType,
|
|||
|
|
key: "<%= Key %>",
|
|||
|
|
vkey: "<%= ValidateKey %>",
|
|||
|
|
|
|||
|
|
info: {
|
|||
|
|
author: "Me",
|
|||
|
|
created: "<%= DateTime.Now.ToShortDateString() %>"
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
permissions: {
|
|||
|
|
edit: "<%= _Default.EditedExts.Contains(Path.GetExtension(FileName)) %>" == "True",
|
|||
|
|
download: true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
editorConfig: {
|
|||
|
|
mode: '<%= _Default.EditMode && _Default.EditedExts.Contains(Path.GetExtension(FileName)) && Request["action"] != "view" ? "edit" : "view" %>',
|
|||
|
|
canBackToFolder: "<%= Request["action"] != "embedded" %>" == "True",
|
|||
|
|
|
|||
|
|
lang: "en",
|
|||
|
|
|
|||
|
|
canCoAuthoring: false,
|
|||
|
|
|
|||
|
|
embedded: {
|
|||
|
|
saveUrl: "<%= FileUri %>",
|
|||
|
|
embedUrl: "<%= FileUri %>",
|
|||
|
|
shareUrl: "<%= FileUri %>",
|
|||
|
|
toolbarDocked: "top"
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
events: {
|
|||
|
|
'onReady': onReady,
|
|||
|
|
'onBack': onBack,
|
|||
|
|
'onDocumentStateChange': onDocumentStateChange,
|
|||
|
|
'onSave': onDocumentSave,
|
|||
|
|
'onError': onError
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
if (window.addEventListener) {
|
|||
|
|
window.addEventListener("load", сonnectEditor);
|
|||
|
|
} else if (window.attachEvent) {
|
|||
|
|
window.attachEvent("load", сonnectEditor);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getXmlHttp() {
|
|||
|
|
var xmlhttp;
|
|||
|
|
try {
|
|||
|
|
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
|
|||
|
|
} catch (e) {
|
|||
|
|
try {
|
|||
|
|
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
|
|||
|
|
} catch (ex) {
|
|||
|
|
xmlhttp = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
|
|||
|
|
xmlhttp = new XMLHttpRequest();
|
|||
|
|
}
|
|||
|
|
return xmlhttp;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function SaveFileRequest(fileName, fileType, fileUri) {
|
|||
|
|
var req = getXmlHttp();
|
|||
|
|
if (console && console.log) {
|
|||
|
|
req.onreadystatechange = function () {
|
|||
|
|
if (req.readyState == 4) {
|
|||
|
|
console.log(req.statusText);
|
|||
|
|
if (req.status == 200) {
|
|||
|
|
console.log(req.responseText);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var requestAddress = "webeditor.ashx"
|
|||
|
|
+ "?type=save"
|
|||
|
|
+ "&filename=" + encodeURIComponent(fileName)
|
|||
|
|
+ "&filetype=" + encodeURIComponent(fileType)
|
|||
|
|
+ "&fileuri=" + encodeURIComponent(fileUri);
|
|||
|
|
req.open('get', requestAddress, true);
|
|||
|
|
|
|||
|
|
req.send(fileUri);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<form id="form1" runat="server">
|
|||
|
|
<div id="iframeEditor">
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</body>
|
|||
|
|
</html>
|