Vai javascript ir pieejams dokumentu redaktors (doc, docx).

Vai kāds var man ieteikt jebkuru bibliotēku javascript (client end) dokumentu redaktorā, kur lietotājs var skatīt un rediģēt dokumentus, piemēram, doc, docx, odf utt.

1 atbilde


1

Vislabāk ir meklēt pārveidotājus un pēc tam rediģēt pārveidoto saturu.

Jau pāris nedēļas meklēju funkcionējošu risinājumu, un labākais, ko līdz šim esmu atradis, ir docx2html.

Atkarībā no izstrādes platformas varat izmantot arī Google “ONLYOFFICE Document Server Community Edition”. Viņiem ir lapu redaktori Word, Excel un Powerpoint, taču tie ir ASP. Šī ir atvērta platforma avota kods un ir pieejams vietnē Github. Tomēr varētu būt vērts apskatīt.


Vai ir iespējams konvertēt doc/docx uz html, izmantojot jquery/javascript?

Man ir jāpārvērš doc/docx uz html. Man ir faili, kas glabājas Amazon s3. Man tas jāskata un jārediģē pārlūkprogrammā. Šobrīd es izmantoju Apache POI, lai...


Docx dokumentu ģenerēšana no docx javascript veidnes

Es meklēju javascript bibliotēku, kas var ģenerēt docx dokumentus no docx veidnes un var aizstāt tagus ar to vērtībām un aizstāt attēlus ar citiem attēliem. Es atradu bibliotēkas nosaukumu...


kā POI noteikt, vai fails ir doc vai docx

Nosaukums var būt nedaudz mulsinošs. Vienkāršākā metode ir jābalsta uz paplašinājuma nosaukumu tāpat kā: // ir apzīmē InputStream if (filePath.endsWith(doc)) ( WordExtractor ex = new...


doc vai docx: vai ir kāds drošs veids, kā noteikt veidu no "pieprasījumiem" programmā python3?

1) Kā es varu atšķirt doc un docx failus no pieprasījumiem? a) piemēram, ja man ir url="https://www.iadb.org/Document.cfm?id=36943997" r = requests.get(url,timeout=15)...


Importējiet doc un docx failus .Net un C#

ES rakstu teksta redaktors un es vēlos pievienot iespēju importēt .doc un .docx failus. Es zinu, ka varu izmantot OLE automatizāciju, bet, ja izmantošu nesenu OLE bibliotēku, tas nedarbosies...


Dokumentu (DOC, DOCX, RTF, TXT) rediģēšana tīmekļa veidlapās

Es izstrādāju tīmekļa lietojumprogrammu, izmantojot asp.net 3.5. Šajā lietojumprogrammā ir daudz dokumentu, piemēram, .doc, .docx, .rtf, .pdf, .txt utt., un dažreiz lietotājam šie dokumenti ir jārediģē. IN...


Konvertējiet DOC/DOCX uz semantisko HTML

Es vēlos konvertēt doc/docx dokumentus uz semantisko HTML. Dažas vēlmes/prasības: Semantiskais HTML, lai dokumenta virsraksti būtu utt., tabulas -...


Golang pakotnes, lai konvertētu doc ​​uz docx un docx uz pdf?

Es rakstu tīmekļa lietojumprogrammu Golangā, kurā lietotājs var augšupielādēt doc vai docx failu. Daļa faila satura tiks mainīti atbilstoši iepriekš noteiktajam formātam. Vēlāk lietotājs...


Ielādējiet Rich Word dokumentu RichText redaktora telerik redaktorā

Man ir kāda forma, kurā es augšupielādēju kādu Word dokumentu un saglabāju to DB. Man vēlāk būs jāveic atzīmes šajos dokumentos. Šobrīd neko neesmu atradis priekš...


doc faila konvertēšana docx formātā

Es konvertēju docx failu uz html, jo tas ir Zip formātā. bet man arī jākonvertē doc faili. Vai ir kāds veids, kā mainīt DOC failu uz docx, izmantojot kodu (dod priekšroku java). Lūdzu...

Kodu redaktors ir ērts rīks ikvienam programmētājam. Un katrs izvēlas pats: kāds vērtē funkcionalitāti, kāds mobilitāti, citam galvenais ir dizains un ērtības. Dažiem cilvēkiem pat patīk rakstīt kodu Notepad, bet tas ir tāpat kā mēģināt uzcelt māju ar āmuru.

JavaScript ir spēcīga un kaprīza valoda. No vienas puses, ir daudz ietvaru un bibliotēku, no otras puses, ne tā vienkāršākā sintakse un briesmas, kas saistītas ar “dinamiku”. Tāpēc ir svarīgi izvēlēties redaktoru darbam ar to. Pareizā izvēle nodrošinās jums tīru kodu, lielu izstrādes ātrumu, minimālu kļūdu skaitu un prieku no darba. Viena no simtiem esošo redaktoru izvēle var aizņemt daudz laika, tāpēc daļu darba esam paveikuši jūsu vietā. Šeit ir 5 labākie.

WebStorm

WebStorm no JetBrains ir brīnišķīgs abos tā veidos: kā IDE tas atbalsta darbu ar versiju kontroles sistēmām, ļauj attālināti izvietot kodu, un kā redaktors - standarta ērtības, piemēram, sintakses izcelšana, automātiskā pabeigšana, navigācija.

Priekšrocības:

  • LiveEdit - kodā veikto izmaiņu apskate bez nepieciešamības to saglabāt;
  • mijiedarbība ar ietvariem, piemēram, React, Angular, Meteor;
  • vairāk nekā simts iebūvētu testu kļūdu noteikšanai;
  • integrācija ar Mocha, Protractor, Jest, Karma vienību testiem;
  • pilna mēroga atkļūdotājs koda atkļūdošanai servera un klienta pusē;
  • navigācija vienlaicīgam darbam ar vairākiem failiem;
  • koda pabeigšana, sintakses izcelšana.

Trūkumi:

  • maksā 129 USD par pirmo darbības gadu;
  • Iesācējiem kodētājiem funkcionalitāte ir lieka.
Visual Studio kods

Visual Studio IDE dakša, kuras mērķis ir strādāt ar kodu. Tas ir viegli apgūstams, ērti lietojams un tajā pašā laikā funkcionāls.

Priekšrocības:

  • gan sintakses, gan izmantoto mainīgo, moduļu, funkciju uc kontekstuāla pabeigšana;
  • atkļūdotājs ar pārtraukuma punktiem, zvanu kaudze, interaktīva konsole;
  • atbalsts fragmentiem un veidnēm;
  • Git integrācija;
  • ērts un vienkāršs interfeiss;
  • bezmaksas redaktors.

Trūkumi:

  • daži spraudņi.
Cildens teksts

Ērts un laika pārbaudīts starpplatformu redaktors ar pielāgojamu saskarni un iespēju veikt triviālas darbības, izmantojot karstos taustiņus.

Priekšrocības:

  • Karstie taustiņi;
  • kodu navigācija mini kartes veidā;
  • spēja mainīt vizuālo tēmu;
  • fragmentu atbalsts;
  • izcelšana, mainīgo automātiskā pabeigšana un sintakse;
  • daudzkārtēja rediģēšana, izmantojot rādītājus;
  • veidot sistēmas atbalstu;
  • sintakses pārbaude rakstīšanas laikā;
  • automātiskā saglabāšana.

Trūkumi:

  • pilna versija maksā 70 USD;
  • koda analizatora trūkums saišu ievietošanai.
Atom redaktors

Parādījās 2015. gadā — Git koda redaktors, kas kopē Sublime Teksta dizainu un ietin Chromium.

Priekšrocības:

  • vairāk nekā 50 atvērti moduļi;
  • ērts un patīkams interfeiss;
  • bezmaksas;
  • koda pabeigšana un izcelšana;
  • paku pārvaldnieks, kuru jau ir vairāk nekā 3,5 tūkstoši;
  • elastīgi iestatījumi redaktoram, spraudņu pakotnēm un interfeisa motīviem;
  • rediģēšana un navigācija, izmantojot karstos taustiņus.

Trūkumi:

  • zema produktivitāte;
  • tukšs komplekts "no kastes".
Kronšteini

2014. gadā Brackets atbaidīja programmētājus ar kļūdām un nepilnībām, taču tagad pamazām atgūst uzticību ar jaunu augstas kvalitātes funkcionalitāti.

Priekšrocības:

  • bagātīgs aprīkojums “no kastes”;
  • Tiešraides priekšskatījuma režīms - pārlūkprogrammas labojumu priekšskatījums reāllaikā;
  • pakotņu pārvaldnieks;
  • kodā izmantoto attēlu un krāsu attēlošana;
  • automātiskā pabeigšana un sintakses izcelšana;
  • kodu analizators;
  • bezmaksas.

Trūkumi:

  • stingra koncentrēšanās uz tīmekli un HTML+CSS+JavaScript;
  • lēna attīstība;
  • lēna veiktspēja priekšskatījuma funkciju dēļ.

Esmu veiksmīgi izveidojis kodu, lai pārlūkprogrammā parādītu PDF failu dialoglodziņa "atvērt/saglabāt" vietā. Tagad es esmu iestrēdzis, mēģinot parādīt Word dokuments pārlūkprogrammā. Es vēlos parādīt Word dokumentu pārlūkprogrammās Firefox, IE7+, Chrome utt.

vai kāds var palīdzēt? Es vienmēr saņemu dialoglodziņu "atvērt/saglabāt", pārlūkprogrammā parādot vārdu doc. Es vēlos ieviest šo funkcionalitāti, izmantojot JavaScript.

6 atbildes

tomēr, ja vēlaties izmantot vietējo atbalstu vairumā, ja ne visās pārlūkprogrammās, es ieteiktu atkārtoti saglabāt .doc/.docx kā PDF; tos var arī neatkarīgi renderēt, izmantojot Mozilla PDF.js.

Gan Brendona, gan fatbotdesigns atbildes ir pareizas, taču, ieviešot Google dokumentu priekšskatījumu, mēs atradām vairākus .docx failus, kurus Google nevarēja apstrādāt. Pārslēdzies uz MS Office tiešsaistes priekšskatījumu, un tas darbojas kā šarms.

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

Šķiet, ka ir dažas js bibliotēkas, kas var apstrādāt .docx (bez .doc), lai klienta pusē konvertētu html (noteiktā secībā):

    https://github.com/lalalic/docx2html — no docx uz html, lielākā daļa elementu tiek atbalstīti

    https://github.com/mwilliamson/mammoth.js — atbalsta virsrakstus, sarakstus, tabulas, zemsvītras piezīmes, zemsvītras piezīmes, attēlus un lodziņa tekstu!--1-->

    https://www.npmjs.com/package/docx2html — pārveidojiet HTML dokumentus par DOCX pārlūkprogrammā

    https://github.com/artburkart/docx2html - acīmredzot darbojas pārlūkprogrammā

Piezīme: Ja jūs meklējat Labākais veids konvertēt doc/docx failu klienta pusē, tad, iespējams, atbilde Nav vajadzības. Ja jums tas tiešām ir jādara, dariet to. servera pusē, t.i., izmantojot libreoffice bezgalvu režīmā, apache-poi vai jebkura cita bibliotēka jums ir vislabākā.

ViewerJS ir noderīgs, lai skatītu/iegultu OpenOffice formātu, piemēram, odt, odp, ods, kā arī pdf.

lai iegultu OpenOffice/pdf dokumentu

/ViewerJS/ ir ViewerJS ceļš

#../demo/ohm2013 — pievienojiet ceļu savam failam

Tādējādi tiks noņemta jebkāda izpildlaika atkarība no Google un Microsoft pakalpojumiem (piemēram, ja tādas pastāvēja, vai arī jūs ar tiem esat atkarīgi).

Tam ir arī priekšrocība, ka, ja vēlaties, varat izvērst citus failu tipus (PPTX, XLS, DOC utt.)

Protams, jūs daudzkārt esat saskāries ar vizuālajiem redaktoriem, kas ļauj diezgan ērti veidot lapu vai dažu ziņojumu izskatu, piemēram, forumā. Un nevis ar BB kodiem, bet uzreiz iegūstot konkrētu rezultātu. Internetā ir diezgan daudz šo redaktoru. Viens no populārākajiem ir TinyMCE, tomēr esmu savu skriptu piekritējs un uzskatu, ka katram uzdevumam ir jābūt savam risinājumam, nevis universālam. Tāpēc šajā rakstā es jums pastāstīšu, kā izveidot vizuālo redaktoru JavaScript.

Šeit ir daži diezgan labi komentēti kodi:





// Parādīt rediģēšanas pogas
document.write("");
document.write("");
document.write("
");
document.write(""); // Pievienojiet iframe
/* Atkarībā no pārlūkprogrammas mēs iegūstam piekļuvi izveidotajam rāmim */
var isGecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var iframe = (isGecko) ? document.getElementById("frameId") : rāmji["frameId"];
var iWin = (isGecko)? iframe.contentWindow: iframe.window;
var iDoc = (isGecko) ? iframe.contentDocument: iframe.document;
/* Izveidojiet kodu tukšai HTML lapai */
iHTML = "";
iDoc.open(); // Atveriet rāmi
iDoc.write(iHTML); // Pievienojiet rakstīto kodu rāmim
iDoc.close(); // Aizveriet rāmi
iDoc.designMode = "ieslēgts"; // Iespējot kadru rediģēšanas režīmu
/* Iestatāmās funkcijas izskats atlasītais teksts
Pilns iespējamo komandu komplekts: http://javascript.itsoft.ru/execcom/execCommands.html */
funkcija setBold() (
iWin.focus();
iWin.document.execCommand("treknrakstā", nulles, "");
}
funkcija setItal() (
iWin.focus();
iWin.document.execCommand("slīps", nulle, "");
}
funkcija saglabāt() (
/* HTML koda saglabāšana slēptajā laukā, lai vēlāk iegūto HTML kodu varētu nodot skriptu apstrādātājam */
document.getElementById("saturs").value = iDoc.body.innerHTML;
atgriezt patiesu;
}



No pirmā acu uzmetiena kods šķiet ļoti sarežģīts. Un tā arī ir, bet, ja skatās pēc tā pamatelementiem, tad nekā sarežģīta nav. Ir parasta forma un slēptais lauks, kurā tiek saglabāts redaktorā ģenerētais HTML kods. Pats redaktors ir parasts rāmis, tas ir, parasta HTML lapa, kurā mēs varam ierakstīt tekstu (designMode = "on"). Un dažādi formatējumi tiek veidoti izmantojot execCommand() metodi, kas izpilda parametrā norādīto komandu. Un es domāju, ka jums nebūs grūti izveidot jaunas pogas un pievienot tām līdzīgus apstrādātājus.

Šajā skriptā nav nekā lieka, tikai vissvarīgākais un pamata, un jūs varat to izmantot kā pamatu, veidojot savu vizuālais redaktors JavaScript, kurā nebūs nekā lieka, bet tikai tas, kas jums nepieciešams.

Varat rakstīt JavaScript kodu parastajā Notepad — vienkārši saglabājiet rezultātu ar paplašinājumu .js, un tas ne tikai izveidos savienojumu ar vietni, bet pat darbosies. Tomēr šāda ierobežota redaktora izmantošana ievērojami palēninās attīstību. Tāpēc labāk ir ņemt kaut ko specializētu. Ir vairāki galvenie kritēriji, pēc kuriem jāizvēlas redaktors darbam ar JavaScript kodu.

Pirmkārt, mums ir nepieciešams sintakses izcelšana: nosaukumi, operatori un Īpaši simboli ir jāparāda citādi, lai kodu varētu ātri nolasīt.

Sintakses izcelšana programmā Notepad++

Otrkārt, jums ir nepieciešama automātiskā pabeigšana: ievadot funkcijas vai mainīgā nosaukumu, redaktoram ir jāpiedāvā vairākas iespējas komandām, kuras jūs, iespējams, ievadīsit. Vēlams, lai tajā tiktu rādīti arī ieteikumi par atlasīto komponentu - piemēram, nepieciešamie argumenti, mainīgā tips, Īss apraksts un tā tālāk.

Automātiskā pabeigšana programmā Notepad++

Treškārt, mums ir nepieciešama iespēja paslēpt atsevišķus blokus. Strādājot pie lieliem projektiem, tas ir noderīgi, jo jums nav jāritina milzīgas koda daļas, lai atrastu to, kas jums nepieciešams.

Bloku slēpšana programmā Visual Studio Code

Vēlams, lai kļūdas tiktu izceltas – tad tās uzreiz var pamanīt un labot:

Tiek rādītas kļūdas programmā Visual Studio Code

Labi bonusi būs iespēja strādāt ar vairākiem failiem vienā logā, projektu vadītājs, tēmu izvēle, spraudņu uzstādīšana utt.

Ir liels skaits redaktoru, kas atbilst šīm prasībām un ir piemēroti darbam ar JavaScript. Uz ko rakstīt kodu ir katra personisks jautājums, taču daudziem cilvēkiem ir problēmas izvēlēties pareizo programmu, tāpēc esam izveidojuši 6 labu rīku sarakstu.

Notepad++

Notepad++ ir vienkāršs un ērts atvērtā koda redaktors. Tam ir sintakses izcelšana vairākām valodām, tostarp JS, automātiskā formatēšana un automātiskā pabeigšana. Ir navigācija ciļņu veidā, failu menedžeris un kodu kartes.

Varat strādāt ar dažādiem kodējumiem, savienot kompilatorus, izmantot spraudņus un citas noderīgas funkcijas. Piemēram, QuickText pievienošana uzlabos iebūvēto automātisko pabeigšanu.

Notepad++ tiek regulāri atjaunināts, tāpēc kļūdas tiek ātri novērstas un tiek pievienotas jaunas funkcijas. Diemžēl tas darbojas tikai operētājsistēmā Windows.

Vim

Vim redaktors jau sen ir klasisks. Daudzi saka, ka to ir grūti saprast, bet, ja tam veltīsi pietiekami daudz laika, vairs negribēsies neko citu izmantot.

Papildus tam, ka Vim atbilst visiem mūsu izvēlētajiem kritērijiem, tas ir arī pilnībā pielāgojams, lai jūs varētu:

  • instalēt spraudņus;
  • mainīt tēmas;
  • piešķirt karstos taustiņus un tā tālāk.

Vim ir pilnīgi bezmaksas un darbojas visās platformās, sākot no Windows, MacOS un Linux līdz MS DOS un OS/2.

Microsoft Visual Studio

Microsoft Visual Studio ir IDE, kurā ir viss nepieciešamais darbam ar JS. Papildus parastajai sintakses izcelšanai un automātiskajai pabeigšanai varat izmantot arī atkļūdotāju un izveidot vienības testus.

Tomēr programma sver diezgan daudz un ļoti noslogo sistēmu, tāpēc tā nav īpaši piemērota darbam ar vājiem datoriem.

Mēneša abonements var maksāt no USD 45 līdz USD 250 mēnesī, taču ir arī bezmaksas versija iesācējiem izstrādātājiem un tiem, kas veido atvērtā pirmkoda programmas. IDE ir pieejama operētājsistēmām Windows un MacOS, un to var instalēt operētājsistēmā Linux, izmantojot Wine.

Visual Studio kods

Visual Studio Code ir viegla (~170 MB pret 30 GB), vairāku platformu un bezmaksas Visual Studio versija. Šis redaktors ir iepriekš instalēts ar JavaScript, TypeScript un Node.JS atbalstu.

Citu valodu paplašinājumus var lejupielādēt tieši no Visual Studio Code.

Iebūvētais atkļūdotājs un Git komandas darbam ar GitHub versiju kontroles sistēmu ļauj paātrināt lietojumprogrammu testēšanu un publicēšanu.

Cildens teksts

Sublime Text ir vienkāršs starpplatformu redaktors. Tās interfeiss ir pielāgojams, un jūs varat veikt dažas darbības, izmantojot karstos taustiņus.

Tam ir arī atbalsts fragmentiem, automātiskajai pabeigšanai, sintakses izcelšanai un navigācijai. Foršs bonuss - automātiskā saglabāšana. Tomēr tas ir vairāk vajadzīgs iesācējiem - galu galā profesionāliem programmētājiem darba gadu laikā veidojas ieradums ietaupīt pēc katras komandas ievadīšanas.

Galvenais Sublime Text trūkums ir tas, ka pilna versija maksā 80 USD (licence tiek izsniegta vienam lietotājam, kurš var izmantot redaktoru uz jebkura datora). Citādi labi der
JS izstrādātāji.




Tops