KEMBAR78
Documents in JavaScript | PPTX
ДМИТРИЙ РАДЫНО
mammoth.convertToHtml({arrayBuffer: arrayBuffer})
.then(function(result) {
output.innerHTML = result.value;
}).done();
BlobBuilder = window.MozBlobBuilder || window.WebKitBlobBuilder || window.BlobBuilder;
var xhr = new XMLHttpRequest();
xhr.open('GET', '/path/to/image.png', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function(e) {
if (this.status == 200) {
var bb = new BlobBuilder();
bb.append(this.response);
// Note: not xhr.responseText
var blob = bb.getBlob('image/png');
// …
}
};
xhr.send();
var file = event.target.files[0],
reader = new FileReader();
reader.onload = function(loadEvent) {
var arrayBuffer = loadEvent.target.result;
callback(arrayBuffer);
};
reader.readAsArrayBuffer(file);
mammoth.convertToHtml({arrayBuffer: arrayBuffer})
.then(function(result) {
output.innerHTML = result.value;
}).done();
Данные
Шаблон
docx
Документ
docx
• Формат серии Office Open XML (OOXML)
• Является zip-архивом
• Текст в формате XML, графика
• JS-parser/writer для Excel 2007+
• Parser для ODS
XLSX.utils.decode_cell/range/row/col
XLSX.utils.encode_cell/range/row/col
XLSX.utils.sheet_to_csv
XLSX.utils.sheet_to_json
XLSX.utils.sheet_to_formulae
• Двоичный формат
• Был основным в MS Excel до 2007
• JS-XLS
JS-XLSX = JS-XLS
• Текст + Растровая + Векторная графика
• Открытый стандарт ISO с 2008 года
• Текст + Растровая + Векторная графика
• Открытый стандарт ISO с 2008 года
• Adobe Systems
• PDF 1.0 – 1993 год
<iframe class="docBox"
src="http://docs.google.com/viewer?url=http://pathtofile.pdf&embedded=true">
</iframe>
<form action=https://api.cloudconvert.org/convert
method="POST" enctype="multipart/form-data">
<input type="hidden" name="apikey" value="…">
<input type="hidden" name="input" value="upload">
<input type="hidden" name="download" value="inline">
<input type="hidden" name="inputformat" value="docx">
<input type="hidden" name="outputformat" value="html">
<input type="file" name="file">
<input type="submit" value="Convert!">
</form>
• Ориентированность на современные
браузеры
• Появление новых библиотек
• Использование с оглядкой на сервер
• Mammoth.js
• Docxtemplater
• JS-XLSX
• JS-XLS
• PDF.js
• jsPDF
• Demo
• Google DocsViewer
• CloudConvert
• Aspose
• Twitter: @radyno
• Facebook: Dmitry.Radyno
• Email: dmitry.radyno@gmail.com

Documents in JavaScript