JavaScript-те қол жетімді құжат редакторы (doc, docx) бар ма?

Кез келген адам маған doc, docx, odf және т.

1 Жауап

1

Ең жақсы ставка - түрлендіргіштерді іздеу, содан кейін түрлендірілген мазмұнды өңдеу.

Мен екі апта бойы жұмыс шешімін іздеп жүрмін және осы уақытқа дейін тапқан ең жақсысы - docx2html.

Әзірлеу платформасына байланысты сіз Google-дың "ONLYOFFICE құжат серверінің қауымдастық шығарылымын" да пайдалана аласыз. Олардың Word, Excel және Powerpoint үшін бет редакторлары бар, бірақ олар asp. Бұл ашық платформа бастапқы коджәне Github сайтында қол жетімді. Қарауға тұрарлық шығар.

jQuery/javascript арқылы doc/docx файлын html-ге түрлендіру мүмкін бе?

Маған doc/docx файлын html-ге түрлендіру керек. Менде Amazon s3 ішінде сақталған файлдар бар. Мен оны браузерде көруім және өңдеуім керек. Дәл қазір мен Apache POI пайдаланамын...

docx javascript үлгісінен docx құжаттарын жасау

Мен javascript-те docx үлгісінен docx құжаттарын жасай алатын және тегтерді олардың мәндерімен ауыстыра алатын және суреттерді басқа суреттермен ауыстыра алатын кітапхананы іздеп жүрмін Мен кітапхананың атын таптым...

POI ішінде файлдың doc немесе docx екенін қалай анықтауға болады

Тақырып сәл түсініксіз болуы мүмкін. Ең қарапайым әдіс келесідей кеңейтім атына негізделуі керек: // InputStream if (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).

Мен asp.net 3.5 арқылы веб-қосымшаны жасап жатырмын. Бұл қолданбада .doc, .docx, .rtf, .pdf, .txt, т.б. сияқты көптеген құжаттар бар және кейде usar бұл құжаттарды өңдеуі керек. IN...

DOC/DOCX семантикалық HTML түріне түрлендіру

Мен doc/docx құжаттарын семантикалық HTML-ге түрлендіргім келеді. Кейбір тілектер/талаптар: Құжаттағы тақырыптар , т.б., кестелер -... болатын семантикалық HTML.

Doc-ты docx-ке және docx-ті pdf-ге түрлендіру үшін Голанг пакеттері?

Мен Голанг тілінде веб-қосымшаны жазып жатырмын, онда пайдаланушы doc немесе docx файлын жүктей алады. Файлдың кейбір мазмұны алдын ала анықталған пішімге сәйкес өзгертіледі. Кейінірек пайдаланушы...

Rich Word құжатын RichText редакторына жүктеңіз

Менде кейбір Word құжатын жүктеп салатын және оны ДБ-ға сақтайтын пішін бар. Мен бұл құжаттарға кейінірек белгі қоюым керек. Қазіргі уақытта мен ештеңе таппадым ...

doc файлын docx пішіміне түрлендіру

Мен docx файлын html форматына түрлендірдім, себебі ол Zip пішімінде. бірақ маған doc файлдарын да түрлендіру керек. DOC файлын кодты пайдаланып docx файлына өзгертудің жолы бар ма (java ұнайды). Өтінемін...

Код редакторы - әрбір бағдарламашы үшін ыңғайлы құрал. Және әркім өзі таңдайды: кейбір функционалдылықты бағалайды, кейбіреулері ұтқырлықты бағалайды, басқалары үшін бастысы - дизайн мен ыңғайлылық. Кейбіреулер тіпті блокнотта код жазғанды ​​ұнатады, бірақ бұл балғамен үй салуға тырысатын сияқты.

JavaScript – күшті және құдіретті тіл. Бір жағынан, көптеген фреймворктер мен кітапханалар бар, екінші жағынан, қарапайым синтаксис және «динамикамен» байланысты қауіптер емес. Сондықтан онымен жұмыс істеу үшін редакторды таңдау маңызды. Дұрыс таңдау сізге таза кодты, жоғары даму жылдамдығын, ең аз қателерді және жұмыстан ләззат береді. Жүздеген қолданыстағы редакторлардың бірін таңдау көп уақытты алуы мүмкін, сондықтан біз сіз үшін жұмыстың кейбірін жасадық. Міне, ең жақсы 5.

WebStorm

JetBrains ұсынған WebStorm екі пішінде де тамаша: IDE ретінде ол нұсқаларды басқару жүйелерімен жұмыс істеуді қолдайды, кодты қашықтан орналастыруға мүмкіндік береді, ал редактор ретінде - синтаксисті бөлектеу, автотолтыру, навигация сияқты стандартты мүмкіндіктер.

Артықшылықтары:

• LiveEdit – кодқа енгізілген өзгерістерді сақтаусыз көру;
• React, Angular, Meteor сияқты фреймворктермен өзара әрекеттесу;
• қателерді анықтауға арналған жүзден астам кіріктірілген сынақтар;
• бірлік сынақтары үшін Mocha, Tractor, Jest, Karma интеграциясы;
• сервер мен клиент жағында кодты түзетуге арналған толық масштабты жөндеуші;
• бірнеше файлдармен бір уақытта жұмыс істеу үшін навигация;
• кодты аяқтау, синтаксисті бөлектеу.

Кемшіліктері:

• пайдаланудың бірінші жылы үшін 129 доллар тұрады;
• Жаңадан бастаған кодерлер үшін функционалдылық артық.

Visual Studio коды

Кодпен жұмыс істеуге бағытталған Visual Studio IDE шанышқысы. Оны үйрену оңай, пайдалану оңай және сонымен бірге функционалды.

Артықшылықтары:

• синтаксисті де, қолданылған айнымалыларды да, модульдерді, функцияларды және т.б. контекстік аяқтау;
• үзіліс нүктелері бар отладчик, шақыру стегі, интерактивті консоль;
• үзінділер мен шаблондарды қолдау;
• Git интеграциясы;
• ыңғайлы және қарапайым интерфейс;
• тегін редактор.

Кемшіліктері:

• бірнеше плагиндер.

Керемет мәтін

Ыңғайлы және уақытпен тексерілген кросс-платформалық редактор, теңшелетін интерфейсі және жылдам пернелерді пайдаланып тривиальды әрекеттерді орындау мүмкіндігі.

Артықшылықтары:

• Жылдам пернелер;
• шағын карта түріндегі кодтық навигация;
• көрнекі тақырыпты өзгерту мүмкіндігі;
• үзінділерді қолдау;
• айнымалыларды бөлектеу, автотолтыру және синтаксис;
• көрсеткіштерді қолданудың арқасында бірнеше рет өңдеу;
• жүйені қолдауды құру;
• теру кезінде синтаксисті тексеру;
• автосақтау.

Кемшіліктері:

• толық нұсқақұны $70;
• сілтемелерді орналастыру үшін код анализаторының болмауы.

Atom редакторы

2015 жылы пайда болды, Git-тен Sublime Text дизайнын көшіретін және Chromium-ға оралған код редакторы.

Артықшылықтары:

• 50-ден астам ашық модульдер;
• ыңғайлы және жағымды интерфейс;
• Тегін;
• кодты толтыру және бөлектеу;
• пакет менеджері, олардың 3,5 мыңнан астамы бар;
• редактордың, қосылатын модульдердің пакеттерінің және интерфейс тақырыптарының икемді параметрлері;
• жылдам пернелерді пайдаланып өңдеу және шарлау.

Кемшіліктері:

• төмен өнімділік;
• «қораптан шыққан» бос жиынтық.

Жақшалар

2014 жылы Brackets бағдарламашыларды қателер мен кемшіліктермен қорқытты, бірақ қазір ол бірте-бірте жаңа жоғары сапалы функционалдылықпен сенімді қалпына келтіруде.

Артықшылықтары:

• «қораптан шыққан» бай жабдық;
• Live Preview режимі - нақты уақытта шолғышта өңдеулерді алдын ала қарау;
• пакет менеджері;
• кодта қолданылатын кескіндер мен түстерді көрсету;
• автотолтыру және синтаксистік ерекшелеу;
• код анализаторы;
• Тегін.

Кемшіліктері:

• интернетке және HTML+CSS+JavaScript-ке қатаң назар аудару;
• баяу даму;
• алдын ала қарау функцияларына байланысты баяу өнімділік.

Мен браузерде «ашу/сақтау» диалогтық терезесінің орнына PDF файлын көрсету үшін кодты сәтті жасадым. Енді мен көрсетуге тырыстым Word құжатыбраузерде. Мен Word құжатын Firefox, IE7+, Chrome және т.б. көрсеткім келеді.

біреу көмектесе алады ма? Браузерде doc сөзін көрсеткенде мен әрқашан «ашу/сақтау» диалогын аламын. Мен бұл функцияны JavaScript арқылы жүзеге асырғым келеді.

6 жауап

дегенмен, егер сіз барлық браузерлерде болмаса да, көпшілігінде жергілікті қолдауды қаласаңыз, .doc/.docx файлын PDF ретінде қайта сақтауды ұсынамын, оларды Mozilla PDF.js арқылы дербес көрсетуге болады.

Брэндон мен fatbotdesigns жауаптарының екеуі де дұрыс, бірақ Google Docs Preview қолданбасын енгізу арқылы біз Google өңдей алмайтын бірнеше .docx файлдарын таптық. MS Office онлайн алдын ала қарауына ауыстырылды және ол сүйкімділік сияқты жұмыс істейді.

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

Клиент жағында html түрлендіру үшін (белгілі бір ретпен) .docx (.doc жоқ) өңдей алатын кейбір JS кітапханалары бар сияқты:

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 odt, odp, ods, сондай-ақ pdf сияқты openoffice пішімін қарау/енгізу үшін пайдалы.

openoffice/pdf құжатын ендіру үшін

/ViewerJS/ - ViewerJS жолы

#../demo/ohm2013 - файлыңызға жол қосыңыз

Бұл Google және Microsoft қызметтеріндегі кез келген жұмыс уақытына тәуелділіктерді жояды (мысалы, егер бар болса немесе олармен шектелген болсаңыз).

Сондай-ақ оның артықшылығы бар, егер қаласаңыз, басқа файл түрлеріне (PPTX, XLS, DOC, т.б.) кеңейте аласыз.

Әрине, сіз визуалды редакторларды бірнеше рет кездестірдіңіз, бұл сізге беттердің немесе кейбір хабарламалардың көрінісін, мысалы, форумда ыңғайлы түрде қалыптастыруға мүмкіндік береді. Және BB кодтарымен емес, бірден нақты нәтиже алу. Интернетте мұндай редакторлар өте көп. Ең танымалдардың бірі - TinyMCE, бірақ мен өзімнің сценарийлерімді жақтаймын және әр тапсырма үшін әмбебап емес, өз шешімі болуы керек деп есептеймін. Сондықтан, осы мақалада мен сізге JavaScript-те визуалды редакторды қалай жасау керектігін айтамын.

Міне, өте жақсы түсініктеме берілген код:

// Өңдеу түймелерін көрсету
document.write("");
document.write("");
document.write("
");
document.write(""); // iframe қосыңыз
/* Браузерге байланысты біз құрылған кадрға қол жеткіземіз */
var isGecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var iframe = (isGecko) ? document.getElementById("frameId") : фреймдер["frameId"];
var iWin = (isGecko) ? 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 кодын сценарий өңдегішіне жіберуге болады */
document.getElementById("мазмұн").мән = iDoc.body.innerHTML;
шындықты қайтару;
}

Бір қарағанда, код өте күрделі болып көрінеді. Міне, солай, бірақ оның негізгі элементтеріне сүйене отырып қарасаңыз, онда күрделі ештеңе жоқ. Редакторда жасалған HTML коды сақталатын кәдімгі пішін және жасырын өріс бар. Редактордың өзі кәдімгі фрейм, яғни біз мәтін жаза алатын кәдімгі HTML беті (designMode = «қосу»). Әртүрлі пішімдеу параметрде көрсетілген пәрменді орындайтын execCommand() әдісі арқылы жасалады. Менің ойымша, сізге жаңа түймелерді жасау және оларға ұқсас өңдеушілерді қосу қиын болмайды.

Бұл сценарийде артық ештеңе жоқ, тек ең маңызды және негізгі, және сіз оны өзіңізді құру үшін негіз ретінде пайдалана аласыз. визуалды редактор JavaScript-те, онда артық ештеңе болмайды, тек сізге қажет нәрсе.

Сіз JavaScript кодын кәдімгі блокнотта жаза аласыз - нәтижені .js кеңейтімімен сақтасаңыз болғаны, ол сайтқа қосылып қана қоймайды, тіпті жұмыс істейді. Дегенмен, мұндай шектеулі редакторды пайдалану дамуды айтарлықтай баяулатады. Сондықтан мамандандырылған нәрсені алған дұрыс. JavaScript кодымен жұмыс істеу үшін редакторды таңдау қажет бірнеше негізгі критерийлер бар.

Біріншіден, бізге синтаксисті бөлектеу керек: атаулар, операторлар және Арнайы белгілеркодты жылдам оқуға болатындай етіп басқаша көрсету керек.

Блокнот++ бағдарламасында синтаксисті бөлектеу

Екіншіден, сізге автотолтыру қажет: функцияның немесе айнымалының атын енгізген кезде, редактор сіз енгізуге болатын пәрмендер үшін бірнеше опцияны ұсынуы керек. Таңдалған құрамдас туралы кеңестерді де көрсеткен жөн - мысалы, талап етілетін аргументтер, айнымалылар түрі, қысқаша сипаттамасытағыда басқа.

Блокнот++ бағдарламасында автотолтыру

Үшіншіден, бізге жеке блоктарды жасыру мүмкіндігі қажет. Үлкен жобалармен жұмыс істегенде, бұл пайдалы, себебі сізге қажет нәрсені табу үшін үлкен код бөліктерін айналдырудың қажеті жоқ.

Visual Studio кодындағы блоктарды жасыру

Қателердің бөлектелгені жөн - содан кейін сіз оларды бірден байқап, түзете аласыз:

Visual Studio кодындағы қателерді көрсету

Жақсы бонустар бір терезеде бірнеше файлдармен жұмыс істеу мүмкіндігі, жоба менеджері, тақырыптарды таңдау, плагиндерді орнату және т.б.

Осы талаптарға жауап беретін және JavaScript-пен жұмыс істеуге қолайлы көптеген редакторлар бар. Кодты не жазу керек - бұл әркімнің жеке мәселесі, бірақ көптеген адамдар дұрыс бағдарламаны таңдауда қиындықтарға тап болады, сондықтан біз 6 жақсы құралдың тізімін жасадық.

Блокнот++

Notepad++ – қарапайым және ыңғайлы ашық бастапқы коды бар редактор. Онда JS, автоматты пішімдеу және автотолтыруды қоса алғанда, бірнеше тілдер үшін синтаксистік бөлектеу бар. Қойындылар түрінде навигация бар, файл менеджеріжәне код карталары.

Сіз әртүрлі кодтаулармен жұмыс жасай аласыз, компиляторларды қоса аласыз, плагиндерді және басқа пайдалы функцияларды пайдалана аласыз. Мысалы, QuickText қосу кірістірілген автотолтыруды жақсартады.

Notepad++ жүйелі түрде жаңартылып отырады, сондықтан қателер тез түзетіліп, жаңа мүмкіндіктер қосылады. Өкінішке орай, ол тек Windows жүйесінде жұмыс істейді.

Vim

Vim редакторы көптен бері классика болды. Көптеген адамдар мұны түсіну қиын деп айтады, бірақ егер сіз оған жеткілікті уақыт бөлсеңіз, бұдан былай басқа ештеңе пайдаланғыңыз келмейді.

Біз таңдаған барлық критерийлерге сәйкес келуден басқа, Vim толығымен теңшеуге болады, сондықтан сіз:

• плагиндерді орнату;
• тақырыптарды өзгерту;
• жылдам пернелерді тағайындау және т.б.

Vim толығымен тегін және Windows, MacOS және Linux-тан MS DOS және OS/2-ге дейінгі барлық платформаларда жұмыс істейді.

Microsoft Visual Studio

Microsoft Visual Studio - бұл JS-пен жұмыс істеу үшін қажет барлық нәрсе бар IDE. Әдеттегі синтаксисті бөлектеу мен автотолтыруға қосымша, сіз отладчикті пайдалана аласыз және бірлік сынақтарын жасай аласыз.

Дегенмен, бағдарламаның салмағы айтарлықтай көп және жүйені ауыр жүктейді, сондықтан ол әлсіз компьютерлерде жұмыс істеу үшін өте қолайлы емес.

Ай сайынғы жазылым айына $45-тен $250-ге дейін болуы мүмкін, бірақ олар да бар тегін нұсқасыбастаушы әзірлеушілер мен ашық бастапқы бағдарламаларды жасайтындар үшін. IDE Windows және MacOS үшін қол жетімді және Wine арқылы Linux жүйесінде орнатуға болады.

Visual Studio коды

Visual Studio коды жеңіл (~170 МБ және 30 ГБ), кросс-платформалық және Visual Studio бағдарламасының тегін нұсқасы. Бұл өңдегіш JavaScript, TypeScript және Node.JS қолдауымен алдын ала орнатылған.

Басқа тілдерге арналған кеңейтімдерді тікелей Visual Studio Code ішінен жүктеп алуға болады.

GitHub нұсқасын басқару жүйесімен жұмыс істеуге арналған кірістірілген отладчик және Git пәрмендері қолданбаларды тестілеуді және жариялауды жылдамдатуға мүмкіндік береді.

Керемет мәтін

Sublime Text - қарапайым кросс-платформалық редактор. Оның интерфейсі теңшеуге болады және жылдам пернелерді пайдаланып кейбір әрекеттерді орындауға болады.

Ол сонымен қатар үзінділерді, автотолтыруды, синтаксисті бөлектеуді және шарлауды қолдайды. Керемет бонус - автосақтау. Дегенмен, бұл жаңадан бастағандарға көбірек қажет - өйткені кәсіби бағдарламашылар көптеген жылдар бойы жұмыс істеген сайын әр команданы енгізгеннен кейін үнемдеу әдетін дамытады.

Sublime Text-тің негізгі кемшілігі толық нұсқасының құны 80 долларды құрайды (лицензия бір пайдаланушыға беріледі, ол редакторды кез келген компьютерде пайдалана алады). Әйтпесе, ол жақсы сәйкес келеді
JS әзірлеушілері.