Дали има уредувач на документи (doc, docx) достапен во javascript

Може ли некој да ми предложи некоја библиотека во javascript (клиент крај) Уредувач на документи каде што корисникот може да гледа и уредува документи како doc, docx, odf итн.

1 Одговори

1

Најдобрата опција е да пребарувате конвертори и потоа да ја уредите конвертираната содржина.

Барам работно решение веќе неколку недели и најдоброто што го најдов досега е docx2html.

Во зависност од вашата развојна платформа, можете да го користите и „ONLYOFFICE Документен сервер заедничко издание“ на Google. Имаат уредници на страници за Word, Excel и Powerpoint - но тие се asp. Ова е отворена платформа изворен коди е достапен на Github. Сепак, можеби вреди да се погледне.

Дали е можно да се конвертира doc/docx во html користејќи jquery/javascript?

Треба да конвертирам doc/docx во html. Имам датотеки складирани во Amazon s3. Треба да го прегледам и уредам во прелистувачот. Во моментов, користам Apache POI за ...

Генерирање docx документи од docx javascript шаблон

Барам библиотека во javascript што може да генерира docx документи од шаблон docx и може да ги замени ознаките со нивните вредности и да ги замени сликите со други слики, го најдов името на библиотеката...

како да се процени дали датотеката е doc или docx во POI

Насловот можеби е малку збунувачки. Наједноставниот метод треба да се заснова на името на наставката исто како: // го претставува InputStream ако (filePath.endsWith(doc)) ( WordExtractor ex = new...

doc или docx: дали постои безбедносен начин да се идентификува типот од „барањата“ во python3?

1) Како можам да направам разлика помеѓу датотеките doc и docx од барањата? а) на пример, ако имам url="https://www.iadb.org/Document.cfm?id=36943997" r = requests.get(url,timeout=15)...

Увезете ги датотеките doc и docx во .Net и C#

јас пишувам уредувач на тексти сакам да додадам можност за увоз на датотеки .doc и .docx. Знам дека можам да користам OLE Automation, но ако користам неодамнешна OLE библиотека, нема да ...

Уредување документи (DOC, DOCX, RTF, TXT) во Webforms

Развивам веб апликација користејќи asp.net 3.5. Оваа апликација има многу документи како .doc, .docx, .rtf, .pdf, .txt, итн. ... а понекогаш и УСАР треба да ги уредува овие документи. ВО...

Претворете го DOC/DOCX во семантички HTML

Би сакал да ги конвертирам документите doc/docx во семантички HTML. Некои желби/барања: Семантички HTML таков што насловите во документот се , итн., табели -...

Голанг пакети за претворање на doc во docx и docx во pdf?

Пишувам веб-апликација во Golang во која корисникот може да постави датотека doc или docx. Некои од содржините на датотеката ќе бидат променети според претходно дефинираниот формат. Подоцна корисникот ...

Вчитајте документ Rich Word во уредувачот RichText telerik уредник

Имам форма во која поставувам некој Word документ и го зачувувам во ДБ. Морам да направам означување на овие документи подоцна. Во моментов не најдов ништо за ...

Конвертирање на датотеката doc во формат docx

Ја конвертирав датотеката docx во html бидејќи е во Zip формат. но и јас треба да конвертирам документи со документи. Дали има начин да ја смените датотеката DOC во docx користејќи код (претпочитајте Java). Ве молиме...

Уредувачот на кодови е корисна алатка за секој програмер. И секој избира за себе: некоја вредност на функционалноста, некоја вредност на мобилноста, за другите главната работа е дизајнот и практичноста. Некои луѓе дури сакаат да пишуваат код во Notepad, но тоа е како да се обидуваат да изградат куќа со чекан.

JavaScript е моќен и каприциозен јазик. Од една страна, има многу рамки и библиотеки, од друга страна, не наједноставната синтакса и опасностите поврзани со „динамиката“. Затоа, важно е да изберете уредник за работа со него. Вистинскиот избор ќе ви обезбеди чист код, голема брзина на развој, минимум грешки и задоволство од работата. Изборот на еден од стотиците постоечки уредници може да потрае многу време, па ние направивме дел од работата за вас. Еве ги 5-те најдобри.

WebStorm

WebStorm од JetBrains е прекрасен во двете форми: како IDE поддржува работа со системи за контрола на верзии, ви овозможува далечински распоредување на кодот и како уредник - стандардни погодности како што се истакнување синтакса, автоматско пополнување, навигација.

Предности:

• LiveEdit - гледање промени направени во кодот без да мора да го зачувате;
• интеракција со рамки, како што се React, Angular, Meteor;
• повеќе од сто вградени тестови за откривање грешки;
• интеграција со Mocha, Protractor, Jest, Karma за единечни тестови;
• дебагер со целосен размер за дебагирање на код на серверот и клиентската страна;
• навигација за истовремена работа со неколку датотеки;
• пополнување на кодот, истакнување на синтаксата.

Недостатоци:

• чини 129 долари за првата година од работењето;
• За почетници кодери функционалноста е излишна.

Код на Visual Studio

Вилушка на Visual Studio IDE наменета за работа со код. Лесен е за учење, лесен за користење, а во исто време и функционален.

Предности:

• контекстуално комплетирање и на синтаксата и на користените променливи, модули, функции итн.;
• дебагер со точки на прекин, стек на повици, интерактивна конзола;
• поддршка за фрагменти и шаблони;
• Git интеграција;
• удобен и едноставен интерфејс;
• бесплатен уредник.

Недостатоци:

• неколку приклучоци.

Возвишен текст

Удобен и временски тестиран вкрстен-платформски уредник, со приспособлив интерфејс и можност за извршување на тривијални дејства со помош на копчињата за готвење.

Предности:

• Кратенки копчиња;
• навигација со кодови во форма на мини-мапа;
• способност за промена на визуелната тема;
• поддршка за фрагменти;
• истакнување, автоматско пополнување на променливи и синтакса;
• повеќекратно уредување благодарение на употребата на покажувачи;
• изградба на системска поддршка;
• проверка на синтаксата додека пишувате;
• автоматско зачувување.

Недостатоци:

• целосна верзијачини 70 долари;
• недостаток на анализатор на код за поставување врски.

Атомски уредник

Се појави во 2015 година, уредник на код од Git, кој го копираше дизајнот на Sublime Text и завиткан во Chromium.

Предности:

• повеќе од 50 отворени модули;
• удобен и пријатен интерфејс;
• бесплатно;
• пополнување и истакнување на кодот;
• менаџер на пакети, од кои веќе има повеќе од 3,5 илјади;
• флексибилни поставки за уредувачот, пакети за приклучоци и теми за интерфејс;
• уредување и навигација со помош на копчиња.

Недостатоци:

• ниска продуктивност;
• празен сет „надвор од кутијата“.

Загради

Во 2014 година, заградите ги исплашија програмерите со грешки и недостатоци, но сега постепено ја враќа довербата со нова висококвалитетна функционалност.

Предности:

• богата опрема „надвор од кутијата“;
• Режим за преглед во живо - преглед на уредувања во прелистувачот во реално време;
• менаџер на пакети;
• прикажување на сликите и боите што се користат во кодот;
• автоматско пополнување и истакнување на синтаксата;
• анализатор на кодови;
• бесплатно.

Недостатоци:

• строг фокус на веб и HTML+CSS+JavaScript;
• бавен развој;
• бавни перформанси поради функциите за преглед.

Успешно направив код за прикажување на PDF-датотека во прелистувачот наместо полето за дијалог „отвори/зачувај“. Сега сум заглавен обидувајќи се да прикажам Word документво прелистувачот. Сакам да прикажам документ Word во Firefox, IE7+, Chrome итн.

може некој да помогне? Секогаш добивам дијалог „отвори/зачувај“ кога го прикажувам зборот doc во прелистувачот. Сакам да ја имплементирам оваа функционалност користејќи JavaScript.

6 одговори

сепак, ако претпочитате да имате мајчин поддршка, во повеќето, ако не и сите прелистувачи, би препорачал повторно да го зачувате .doc/.docx како PDF; тие исто така можат да бидат независно прикажани со помош на PDF.js на Mozilla.

Одговорите на Брендон и fatbotdesigns се точни, но со имплементирање на Google Docs Preview најдовме неколку .docx-датотеки кои Google не може да ги обработи. Се префрли на онлајн преглед на MS Office и работи како шарм.

https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc"

Се чини дека има некои js библиотеки кои можат да ракуваат со .docx (не .doc) за конвертирање на html на страната на клиентот (по одреден редослед):

https://github.com/lalalic/docx2html - docx to html, повеќето елементи се поддржани

https://github.com/mwilliamson/mammoth.js - поддржува наслови, списоци, табели, фусноти, фусноти, слики и текст на кутијата!--1-->

https://www.npmjs.com/package/docx2html - Конвертирајте HTML документи во DOCX во прелистувачот

https://github.com/artburkart/docx2html - очигледно работи во прелистувачот

Забелешка: Доколку барате Најдобриот начинконвертирате датотека doc/docx на клиентската страна, тогаш веројатно одговорот Нема потреба. Ако навистина треба да го направите тоа, направете го тоа. серверската страна, т.е. со libreoffice во режим без глава, apache-poi или која било друга библиотека е најдобра за вас.

ViewerJS е корисен за прегледување/вградување openoffice формат како odt, odp, ods како и pdf.

за вградување openoffice/pdf документ

/ViewerJS/ е патеката ViewerJS

#../demo/ohm2013 - додајте ја патеката до вашата датотека

Ова ќе ги отстрани сите зависности од времето на траење од услугите на Google и Microsoft (на пр. ако ги имало, или сте биле ограничени на нив).

Исто така, има предност што можете да ги проширите на други типови датотеки доколку сакате (PPTX, XLS, DOC, итн.)

Сигурно, многупати сте сретнале визуелни уредници, кои ви овозможуваат прилично погодно да го обликувате изгледот на страниците или некои пораки, на пример, на форум. И тоа не со ББ кодови, туку веднаш добивање конкретен резултат. Има доста од овие уредници на Интернет. Еден од најпопуларните е TinyMCE, сепак, јас сум поддржувач на моите скрипти и верувам дека за секоја задача треба да има свое решение, а не универзално. Затоа, во оваа статија ќе ви кажам како да креирате визуелен уредник во JavaScript.

Еве неколку прилично добро коментирани кодови:

// Прикажи ги копчињата за уредување
document.write("");
document.write("");
document.write("
");
document.write(""); // Додадете iframe
/ * Во зависност од прелистувачот, добиваме пристап до креираната рамка */
var isgecko = navigator.useragent.toLowerCase (). Индекс ("геко")! = -1;
var iframe = (е Геко) ? документ.getElementById ("FrameID"): рамки ["FrameID"];
var iWin = (е Геко) ? iframe.contentWindow: iframe.window;
var iDoc = (isGecko) ? iframe.contentDocument: iframe.document;
/* Направете го кодот за празна HTML страница */
iHTML = "";
iDoc.open(); // Отворете ја рамката
iDoc.write(iHTML); // Додадете го напишаниот код во рамката
iDoc.close(); // Затворете ја рамката
iDoc.designMode = "вклучено"; // Овозможи режим за уредување рамка
/* Функции за поставување изгледизбран текст
Целосен сет на можни команди: http://javascript.itsoft.ru/execcom/execcommands.html */
функција setBold() (
iWin.focus();
iWin.document.execCommand ("задебелена", нула, "");
}
функција setItal() (
iWin.focus();
iWin.document.execCommand ("курзив", нула, "");
}
функција зачувај() (
/ * Зачувување на HTML -кодот во скриеното поле, така што подоцна ќе можете да го пренесете добиениот HTML код на управувачот со скрипти */
документ.getElementById ("Содржина"). Вредност = idoc.body.innerhtml;
врати вистина;
}

На прв поглед, кодот се чини дека е многу сложен. И така, тоа е, но ако го погледнете врз основа на неговите основни елементи, тогаш нема ништо комплицирано. Постои редовна форма и скриено поле, каде што е зачуван HTML кодот генериран во уредникот. Самиот уредник е редовна рамка, т.е. редовна HTML страница во која можеме да напишеме текст (DesignMode = "ON"). И различно форматирање се создава со помош на методот ExecCommand (), кој ја извршува командата наведена во параметарот. И мислам дека нема да ви биде тешко да создадете нови копчиња и да прикачите слични управувачи на нив.

Нема ништо излишно во оваа скрипта, само најважното и основното, и можете да го користите како основа за создавање на свој визуелен уредникво JavaScript, во кој нема да има ништо излишно, туку само она што ви треба.

Можете да напишете JavaScript код во обичен Notepad - само зачувајте го резултатот со наставката .js и тој не само што ќе се поврзе со страницата, туку дури и ќе работи. Сепак, користењето на таков ограничен уредник во голема мера ќе го забави развојот. Затоа, подобро е да земете нешто специјализирано. Постојат неколку главни критериуми според кои треба да изберете уредник за работа со JavaScript код.

Прво, ни треба истакнување на синтаксата: имиња, оператори и Специјални симболитреба да се прикаже поинаку за да може брзо да се прочита кодот.

Означување на синтаксата во Notepad++

Второ, ви треба автоматско пополнување: кога ќе го внесете името на функцијата или променливата, уредникот треба да понуди неколку опции за командите што најверојатно ќе ги внесете. Препорачливо е да прикажува и совети за избраната компонента - на пример, потребни аргументи, тип на променлива, Краток описи така натаму.

Автоматско комплетирање во Notepad++

Трето, потребна ни е способност да скриеме поединечни блокови. Кога работите на големи проекти, ова е корисно затоа што не мора да се движите низ огромни парчиња код за да го најдете она што ви треба.

Криење блокови во кодот на Visual Studio

Пожелно е грешките да се истакнат - тогаш можете веднаш да ги забележите и исправите:

Прикажување на грешки во Visual Studio Code

Добри бонуси ќе бидат можноста за работа со неколку датотеки во еден прозорец, проект менаџер, избор на теми, инсталација на приклучоци итн.

Има голем број на уредници кои ги исполнуваат овие барања и се погодни за работа со JavaScript. На што да се напише код е лична работа за секого, но многу луѓе имаат проблеми со изборот на вистинската програма, па затоа составивме листа од 6 добри алатки.

Notepad++

Notepad++ е едноставен и удобен уредувач со отворен код. Има синтаксно истакнување за неколку јазици, вклучувајќи JS, автоматско форматирање и автоматско комплетирање. Постои навигација во форма на јазичиња, менаџер на датотекии картички со кодови.

Можете да работите со различни шифрирања, да поврзувате компајлери, да користите приклучоци и други корисни функции. На пример, додавањето на QuickText ќе ја подобри вградената автоматска комплетирање.

Notepad ++ редовно се ажурира, така што грешките брзо се фиксираат и се додаваат нови функции. За жал, работи само на Windows.

Вим

Уредникот на Vim одамна е класика. Многу луѓе велат дека е тешко да се разбере, но ако му посветите доволно време на тоа, повеќе нема да сакате да користите ништо друго.

Покрај исполнувањето на сите наши избрани критериуми, Вим е исто така целосно прилагодлив, така што можете:

• инсталирајте приклучоци;
• промена на теми;
• доделете копчиња и така натаму.

VIM е целосно бесплатен и работи на сите платформи, од Windows, MacOS и Linux до MS DOS и OS/2.

Microsoft Visual Studio

Microsoft Visual Studio е IDE што има се што ви е потребно за да работите со JS. Покрај вообичаеното истакнување и автоматско пополнување на синтаксата, можете да користите и дебагер и да креирате тестови на единицата.

Сепак, програмата тежи доста и силно го вчитува системот, па затоа не е многу погодна за работа на слаби компјутери.

Месечната претплата може да чини од 45 до 250 долари месечно, но има и такви бесплатна верзијаза почетници програмери и оние кои креираат програми со отворен код. IDE е достапен за Windows и MacOS и може да се инсталира на Linux со помош на Wine.

Код на Visual Studio

Visual Studio Code е лесна (~170 MB наспроти 30 GB), меѓу-платформска и бесплатна верзија на Visual Studio. Овој уредувач е претходно инсталиран со поддршка за JavaScript, TypeScript и Node.JS.

Екстензии за други јазици може да се преземат директно од Visual Studio Code.

Вградениот дебагер и командите Git за работа со системот за контрола на верзијата GitHub ви овозможуваат да го забрзате тестирањето и објавувањето на апликациите.

Возвишен текст

Sublime Text е едноставен уредувач на повеќе платформи. Неговиот интерфејс е приспособлив и може да извршите некои дејства со помош на копчињата за пристап.

Исто така, има поддршка за фрагменти, автоматско комплетирање, истакнување на синтаксата и навигација. Кул бонус - автоматско зачувување. Сепак, тоа им е повеќе потребно на почетниците - на крајот на краиштата, професионалните програмери со текот на годините на работа развиваат навика да штедат по внесување на секоја команда.

Главниот недостаток на Sublime Text е што целосната верзија чини 80 долари (лиценцата се издава за еден корисник, кој може да го користи уредникот на кој било компјутер). Инаку добро се вклопува
JS програмери.