documents in javascript

66
ДМИТРИЙ РАДЫНО

Upload: -

Post on 18-Jul-2015

1.536 views

Category:

Internet


3 download

TRANSCRIPT

Page 1: Documents in JavaScript

ДМИТРИЙ РАДЫНО

Page 2: Documents in JavaScript
Page 3: Documents in JavaScript
Page 4: Documents in JavaScript
Page 5: Documents in JavaScript
Page 6: Documents in JavaScript
Page 7: Documents in JavaScript
Page 8: Documents in JavaScript
Page 9: Documents in JavaScript
Page 10: Documents in JavaScript
Page 11: Documents in JavaScript

mammoth.convertToHtml({arrayBuffer: arrayBuffer}).then(function(result) {

output.innerHTML = result.value;}).done();

Page 12: Documents in JavaScript
Page 13: Documents in JavaScript

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();

Page 14: Documents in JavaScript

var file = event.target.files[0],reader = new FileReader();

reader.onload = function(loadEvent) {var arrayBuffer = loadEvent.target.result;callback(arrayBuffer);

};

reader.readAsArrayBuffer(file);

Page 15: Documents in JavaScript

mammoth.convertToHtml({arrayBuffer: arrayBuffer}).then(function(result) {

output.innerHTML = result.value;}).done();

Page 16: Documents in JavaScript
Page 17: Documents in JavaScript

ДанныеШаблон

docxДокумент

docx

Page 18: Documents in JavaScript
Page 19: Documents in JavaScript
Page 20: Documents in JavaScript
Page 21: Documents in JavaScript
Page 22: Documents in JavaScript
Page 23: Documents in JavaScript
Page 24: Documents in JavaScript
Page 25: Documents in JavaScript
Page 26: Documents in JavaScript
Page 27: Documents in JavaScript
Page 28: Documents in JavaScript
Page 29: Documents in JavaScript

• Формат серии Office Open XML (OOXML)

• Является zip-архивом

• Текст в формате XML, графика

Page 30: Documents in JavaScript

• JS-parser/writer для Excel 2007+

• Parser для ODS

Page 31: Documents in JavaScript
Page 32: Documents in JavaScript
Page 33: Documents in JavaScript
Page 34: Documents in JavaScript

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

Page 35: Documents in JavaScript
Page 36: Documents in JavaScript
Page 37: Documents in JavaScript
Page 38: Documents in JavaScript
Page 39: Documents in JavaScript
Page 40: Documents in JavaScript
Page 41: Documents in JavaScript

• Двоичный формат

• Был основным в MS Excel до 2007

• JS-XLS

Page 42: Documents in JavaScript
Page 43: Documents in JavaScript
Page 44: Documents in JavaScript

JS-XLSX = JS-XLS

Page 45: Documents in JavaScript
Page 46: Documents in JavaScript
Page 47: Documents in JavaScript
Page 48: Documents in JavaScript
Page 49: Documents in JavaScript

• Текст + Растровая + Векторная графика

• Открытый стандарт ISO с 2008 года

Page 50: Documents in JavaScript

• Текст + Растровая + Векторная графика

• Открытый стандарт ISO с 2008 года

• Adobe Systems

• PDF 1.0 – 1993 год

Page 51: Documents in JavaScript
Page 52: Documents in JavaScript
Page 53: Documents in JavaScript
Page 54: Documents in JavaScript
Page 55: Documents in JavaScript
Page 56: Documents in JavaScript
Page 57: Documents in JavaScript
Page 58: Documents in JavaScript

<iframe class="docBox"src="http://docs.google.com/viewer?url=http://pathtofile.pdf&embedded=true">

</iframe>

Page 59: Documents in JavaScript
Page 60: Documents in JavaScript
Page 61: Documents in JavaScript

<form action=https://api.cloudconvert.org/convertmethod="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>

Page 62: Documents in JavaScript
Page 63: Documents in JavaScript
Page 64: Documents in JavaScript

• Ориентированность на современные

браузеры

• Появление новых библиотек

• Использование с оглядкой на сервер

Page 66: Documents in JavaScript

• Twitter: @radyno

• Facebook: Dmitry.Radyno

• Email: [email protected]