Există un editor de documente (doc, docx) disponibil în javascript

Îmi poate sugera cineva vreo bibliotecă în Editorul de documente javascript (sfârșit client) unde utilizatorul poate vizualiza și edita documente precum doc, docx, odf etc.

1 Răspunde

1

Cel mai bun pariu este să căutați convertoare și apoi să editați conținutul convertit.

Caut de câteva săptămâni o soluție funcțională și cea mai bună pe care am găsit-o până acum este docx2html.

În funcție de platforma dvs. de dezvoltare, puteți utiliza și „ONLYOFFICE Document Server Community Edition” de la Google. Au editori de pagini pentru Word, Excel și Powerpoint - dar sunt asp. Aceasta este o platformă deschisă cod sursași este disponibil pe Github. Ar putea merita totuși o privire.

Este posibil să convertiți doc/docx în html folosind jquery/javascript?

Trebuie să convertesc doc/docx în html. Am fișiere stocate în Amazon s3. Trebuie să îl văd și să îl editez în browser. Momentan, folosesc Apache POI pentru...

Generarea documentelor docx din șablonul docx javascript

Caut o bibliotecă în javascript care să poată genera documente docx dintr-un șablon docx și să poată înlocui etichetele cu valorile lor și să înlocuiască imaginile cu alte imagini Am găsit numele bibliotecii...

cum să judeci dacă un fișier este doc sau docx în POI

Titlul poate fi puțin confuz. Cea mai simplă metodă ar trebui să se bazeze pe numele extensiei la fel ca: // este reprezintă InputStream if (filePath.endsWith(doc)) (WordExtractor ex = nou...

doc sau docx: există o modalitate sigură de a identifica tipul din „cereri” în python3?

1) Cum pot face diferența între fișierele doc și docx de cereri? a) de exemplu, dacă am url="https://www.iadb.org/Document.cfm?id=36943997" r = requests.get(url,timeout=15)...

Importați fișiere doc și docx în .Net și C#

Scriu editor de textși vreau să adaug posibilitatea de a importa fișiere .doc și .docx. Știu că pot folosi automatizarea OLE, dar dacă folosesc o bibliotecă OLE recentă, nu va...

Editarea documentelor (DOC, DOCX, RTF, TXT) în Webforms

Dezvolt o aplicație web folosind asp.net 3.5. Această aplicație are multe documente precum .doc, .docx, .rtf, .pdf, .txt, etc... și uneori utiliza trebuie să editeze aceste documente. ÎN...

Convertiți DOC/DOCX în HTML semantic

Aș dori să convertesc documentele doc/docx în HTML semantic. Câteva dorințe/cerințe: HTML semantic, astfel încât titlurile din document să fie , etc., tabele -...

Pachete Golang pentru a converti doc în docx și docx în pdf?

Scriu o aplicație web în Golang în care utilizatorul poate încărca un fișier doc sau docx. O parte din conținutul fișierului va fi modificat conform formatului predefinit. Mai tarziu utilizatorul...

Încărcați un document Rich Word în RichText Editor Telerik Editor

Am o formă în care încărc un document Word și îl salvez în DB. Trebuie să fac niște marcaje pe aceste documente mai târziu. Momentan nu am gasit nimic pentru...

Convertiți fișierul doc în format docx

Am convertit fișierul docx în html, deoarece este în format Zip. dar trebuie să convertesc și fișierele doc. Există o modalitate de a schimba fișierul DOC în docx folosind codul (prefer java).

Un editor de cod este un instrument la îndemână pentru fiecare programator. Și fiecare alege pentru sine: unii valorează funcționalitatea, alții valorează mobilitatea, pentru alții principalul lucru este designul și confortul. Unii oameni chiar le place să scrie cod în Notepad, dar este ca și cum ai încerca să construiești o casă cu un ciocan.

JavaScript este un limbaj puternic și capricios. Pe de o parte, există multe cadre și biblioteci, pe de altă parte, nu sunt cele mai simple sintaxe și pericole asociate cu „dinamica”. Prin urmare, este important să alegeți un editor care să lucreze cu el. Alegerea corectă vă va oferi cod curat, viteză mare de dezvoltare, un minim de erori și plăcere de la muncă. Alegerea unuia dintre sutele de editori existenți poate dura mult timp, așa că am făcut o parte din muncă pentru dvs. Iată cele mai bune 5.

WebStorm

WebStorm de la JetBrains este minunat în ambele forme: ca IDE, acceptă lucrul cu sisteme de control al versiunilor, vă permite să implementați cod de la distanță și ca editor - facilități standard, cum ar fi evidențierea sintaxei, completarea automată, navigarea.

Avantaje:

• LiveEdit - vizualizarea modificărilor aduse codului fără a fi nevoie să-l salveze;
• interacțiunea cu cadre, cum ar fi React, Angular, Meteor;
• peste o sută de teste încorporate pentru a detecta erorile;
• integrare cu Mocha, Protractor, Jest, Karma pentru teste unitare;
• depanator la scară completă pentru codul de depanare pe partea de server și client;
• navigare pentru lucrul simultan cu mai multe fișiere;
• completarea codului, evidențierea sintaxelor.

Defecte:

• costă 129 USD pentru primul an de funcționare;
• Pentru programatorii începători, funcționalitatea este redundantă.

Codul Visual Studio

O furcă a IDE-ului Visual Studio care vizează lucrul cu cod. Este ușor de învățat, ușor de utilizat și, în același timp, funcțional.

Avantaje:

• completarea contextuală atât a sintaxei, cât și a variabilelor, modulelor, funcțiilor utilizate etc.;
• depanare cu puncte de întrerupere, stivă de apeluri, consolă interactivă;
• suport pentru fragmente și șabloane;
• integrare Git;
• interfață convenabilă și simplă;
• editor gratuit.

Defecte:

• câteva plugin-uri.

Text sublim

Un editor multiplatform convenabil și testat în timp, cu o interfață personalizabilă și capacitatea de a efectua acțiuni triviale folosind taste rapide.

Avantaje:

• Taste rapide;
• navigare prin cod sub formă de mini-hărți;
• capacitatea de a schimba tema vizuală;
• suport pentru fragmente;
• evidențierea, completarea automată a variabilelor și sintaxa;
• editare multiplă datorită utilizării indicatoarelor;
• construirea suportului de sistem;
• verificarea sintaxei pe măsură ce tastați;
• salvare automata.

Defecte:

• versiunea completa costă 70 USD;
• lipsa unui analizor de cod pentru plasarea link-urilor.

Editor Atom

A apărut în 2015, un editor de cod de la Git, copiend designul Sublime Text și împachetat în Chromium.

Avantaje:

• peste 50 de module deschise;
• interfață convenabilă și plăcută;
• gratuit;
• completare automată și evidențierea codului;
• manager de pachete, dintre care sunt deja peste 3,5 mii;
• setări flexibile pentru editor, pachete de plug-in și teme de interfață;
• editare și navigare folosind taste rapide.

Defecte:

• productivitate scăzută;
• set gol „din cutie”.

Paranteze

În 2014, Brackets i-a speriat pe programatori cu erori și deficiențe, dar acum își recâștigă treptat încrederea cu o nouă funcționalitate de înaltă calitate.

Avantaje:

• echipament bogat „din cutie”;
• Modul Live Preview - previzualizare a editărilor în browser în timp real;
• manager de pachete;
• afișarea imaginilor și culorilor utilizate în cod;
• autocompletare și evidențierea sintaxelor;
• analizor de coduri;
• gratuit.

Defecte:

• accent strict pe web și HTML+CSS+JavaScript;
• dezvoltare lentă;
• performanță lentă datorită funcțiilor de previzualizare.

Am creat cu succes codul pentru a afișa un fișier PDF în browser în loc de caseta de dialog „deschide/salvare”. Acum sunt blocat încercând să afișez document Wordîn browser. Vreau să afișez un document Word în Firefox, IE7+, Chrome etc.

poate cineva ajuta? Primesc întotdeauna un dialog „deschide/salvare” când afișez cuvântul doc în browser. Vreau să implementez această funcționalitate folosind JavaScript.

6 răspunsuri

totuși, dacă preferați să aveți suport nativ, în majoritatea, dacă nu în toate browserele, aș recomanda să resaveți .doc/.docx ca PDF, de asemenea, acestea pot fi redate independent folosind PDF.js de la Mozilla.

Răspunsurile lui Brandon și fatbotdesigns sunt ambele corecte, dar prin implementarea Google Docs Preview am găsit mai multe fișiere .docx care nu au putut fi procesate de Google. Am trecut la previzualizarea online MS Office și funcționează ca un farmec.

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

Se pare că există câteva biblioteci js care pot gestiona .docx (nu .doc) pentru a converti html pe partea client (într-o anumită ordine):

https://github.com/lalalic/docx2html - docx la html, majoritatea elementelor sunt acceptate

https://github.com/mwilliamson/mammoth.js - acceptă titluri, liste, tabele, note de subsol, note de final, imagini și casete de text!--1-->

https://www.npmjs.com/package/docx2html - Convertiți documentele HTML în DOCX în browser

https://github.com/artburkart/docx2html - se pare că funcționează în browser

Notă: Dacă sunteți în căutarea Cel mai bun mod convertiți fișierul doc/docx pe partea clientului, apoi probabil răspunsul Nu este nevoie. Dacă chiar trebuie să o faci, fă-o. partea de server, adică cu libreoffice în modul headless, apache-poi sau orice altă bibliotecă este cea mai bună pentru tine.

ViewerJS este util pentru vizualizarea/încorporarea formatului openoffice precum odt,odp,ods, precum și pdf.

pentru a încorpora documentul openoffice/pdf

/ViewerJS/ este calea ViewerJS

#../demo/ohm2013 - adăugați calea la fișierul dvs

Acest lucru va elimina orice dependențe de rulare de serviciile Google și Microsoft (de exemplu, dacă există, sau ați fost limitat la acestea).

De asemenea, are avantajul că vă puteți extinde la alte tipuri de fișiere dacă doriți (PPTX, XLS, DOC etc.)

Cu siguranță, ați întâlnit de multe ori editori vizuali, care vă permit să modelați destul de convenabil aspectul paginilor sau a unor mesaje, de exemplu, pe un forum. Și nu cu coduri BB, ci obținerea imediată a unui rezultat specific. Există destul de mulți dintre acești editori pe Internet. Unul dintre cele mai populare este TinyMCE, cu toate acestea, sunt un susținător al propriilor scripturi și cred că pentru fiecare sarcină ar trebui să existe o soluție proprie, și nu una universală. Prin urmare, în acest articol vă voi spune cum să creați un editor vizual în JavaScript.

Iată un cod destul de bine comentat:

// Afișează butoanele de editare
document.write("");
document.write("");
document.write("
");
document.write(""); // Adăugați un iframe
/* În funcție de browser, obținem acces la cadrul creat */
var isGecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var iframe = (isGecko) ? document.getElementById("frameId") : cadre["frameId"];
var iWin = (isGecko) ? iframe.contentWindow: iframe.window;
var iDoc = (isGecko) ? iframe.contentDocument: iframe.document;
/* Creați codul pentru o pagină HTML goală */
iHTML = "";
iDoc.open(); // Deschide cadrul
iDoc.write(iHTML); // Adăugați codul scris în cadru
iDoc.close(); // Închide cadrul
iDoc.designMode = "pornit"; // Activează modul de editare a cadrelor
/* Funcții de setat aspect textul selectat
Set complet de comenzi posibile: http://javascript.itsoft.ru/execcom/execCommands.html */
funcția setBold() (
iWin.focus();
iWin.document.execCommand("bold", null, "");
}
funcția setItal() (
iWin.focus();
iWin.document.execCommand("italic", null, "");
}
funcția save() (
/* Salvarea codului HTML în câmpul ascuns, astfel încât să puteți transmite ulterior codul HTML rezultat la manipulatorul de script */
document.getElementById("conținut").value = iDoc.body.innerHTML;
returnează adevărat;
}

La prima vedere, codul pare a fi foarte complex. Și așa este, dar dacă te uiți la el în elementele sale de bază, atunci nu este nimic complicat. Există un formular obișnuit și un câmp ascuns, unde este salvat codul HTML generat în editor. Editorul în sine este un cadru obișnuit, adică o pagină HTML obișnuită în care putem scrie text (designMode = „on”). Și diverse formatări sunt create folosind metoda execCommand(), care execută comanda specificată în parametru. Și cred că nu vă va fi dificil să creați butoane noi și să le atașați handlere similare.

Nu există nimic de prisos în acest script, doar cel mai important și de bază, și îl puteți folosi ca bază pentru a vă crea propriul script. editor vizualîn JavaScript, în care nu va fi nimic de prisos, ci doar ceea ce ai nevoie.

Puteți scrie cod JavaScript într-un Notepad obișnuit - doar salvați rezultatul cu extensia .js și nu numai că se va conecta la site, ci chiar va funcționa. Cu toate acestea, utilizarea unui astfel de editor limitat va încetini foarte mult dezvoltarea. Prin urmare, este mai bine să luați ceva specializat. Există câteva criterii principale după care trebuie să alegeți un editor pentru a lucra cu codul JavaScript.

În primul rând, avem nevoie de evidențierea sintaxelor: nume, operatori și Simboluri speciale ar trebui să fie afișat diferit, astfel încât codul să poată fi citit rapid.

Evidențierea sintaxei în Notepad++

În al doilea rând, aveți nevoie de completare automată: atunci când introduceți numele unei funcții sau variabile, editorul ar trebui să ofere mai multe opțiuni pentru comenzile pe care este posibil să le introduceți. Este recomandabil să afișeze și indicii despre componenta selectată - de exemplu, argumente necesare, tip de variabilă, scurta descriereși așa mai departe.

Completare automată în Notepad++

În al treilea rând, avem nevoie de capacitatea de a ascunde blocurile individuale. Când lucrați la proiecte mari, acest lucru este util, deoarece nu trebuie să parcurgeți bucăți uriașe de cod pentru a găsi ceea ce aveți nevoie.

Ascunderea blocurilor în Visual Studio Code

Este de dorit ca erorile să fie evidențiate - apoi le puteți observa și corecta imediat:

Afișarea erorilor în Visual Studio Code

Bonusurile bune vor fi capacitatea de a lucra cu mai multe fișiere într-o singură fereastră, un manager de proiect, selecția temelor, instalarea de pluginuri și așa mai departe.

Există un număr mare de editori care îndeplinesc aceste cerințe și sunt potriviți pentru lucrul cu JavaScript. Pe ce să scrieți cod este o chestiune personală pentru toată lumea, dar mulți oameni au probleme în alegerea programului potrivit, așa că am întocmit o listă cu 6 instrumente bune.

Notepad++

Notepad++ este un editor open source simplu și convenabil. Are evidențiere de sintaxă pentru mai multe limbi, inclusiv JS, formatare automată și completare automată. Există navigare sub formă de file, manager de fișiereși carduri cu coduri.

Puteți lucra cu diferite codificări, puteți conecta compilatoare, puteți utiliza pluginuri și alte funcții utile. De exemplu, adăugarea QuickText va îmbunătăți completarea automată încorporată.

Notepad++ este actualizat regulat, astfel încât erorile sunt remediate rapid și sunt adăugate noi funcții. Din păcate, funcționează doar pe Windows.

Vim

Editorul Vim a fost mult timp un clasic. Mulți oameni spun că este greu de înțeles, dar dacă îi dedici suficient timp, nu vei mai dori să folosești nimic altceva.

Pe lângă îndeplinirea tuturor criteriilor alese, Vim este, de asemenea, complet personalizabil, astfel încât să puteți:

• instalați pluginuri;
• schimba subiectele;
• atribuiți taste rapide și așa mai departe.

Vim este complet gratuit și funcționează pe toate platformele, de la Windows, MacOS și Linux până la MS DOS și OS/2.

Microsoft Visual Studio

Microsoft Visual Studio este un IDE care are tot ce aveți nevoie pentru a lucra cu JS. Pe lângă evidențierea obișnuită a sintaxei și completarea automată, puteți utiliza și un depanator și puteți crea teste unitare.

Cu toate acestea, programul cântărește destul de mult și încarcă puternic sistemul, așa că nu este foarte potrivit pentru a lucra pe computere slabe.

Un abonament lunar poate costa oriunde între 45 USD și 250 USD pe lună, dar există și versiune gratuită pentru dezvoltatorii începători și cei care creează programe open source. IDE-ul este disponibil pentru Windows și MacOS și poate fi instalat pe Linux folosind Wine.

Codul Visual Studio

Visual Studio Code este o versiune ușoară (~170 MB față de 30 GB), multiplatformă și gratuită a Visual Studio. Acest editor vine preinstalat cu suport pentru JavaScript, TypeScript și Node.JS.

Extensiile pentru alte limbi pot fi descărcate direct din Visual Studio Code.

Depanatorul încorporat și comenzile Git pentru lucrul cu sistemul de control al versiunilor GitHub vă permit să accelerați testarea și publicarea aplicațiilor.

Text sublim

Sublime Text este un editor simplu multiplatformă. Interfața sa este personalizabilă și puteți efectua unele acțiuni folosind taste rapide.

De asemenea, are suport pentru fragmente, completare automată, evidențiere de sintaxă și navigare. Bonus cool - salvare automată. Cu toate acestea, este mai nevoie de începători - la urma urmei, programatorii profesioniști de-a lungul anilor de muncă își dezvoltă obiceiul de a salva după introducerea fiecărei comenzi.

Principalul dezavantaj al Sublime Text este că versiunea completă costă 80 USD (licența este emisă pentru un utilizator, care poate folosi editorul pe orice computer). In rest se potriveste bine
Dezvoltatorii JS.