آیا ویرایشگر سند (doc، docx) در جاوا اسکریپت موجود است؟

آیا کسی می تواند به من کتابخانه ای در جاوا اسکریپت (پایان مشتری) ویرایشگر اسناد پیشنهاد دهد که کاربر بتواند اسنادی مانند doc، docx، odf و غیره را مشاهده و ویرایش کند.

1 پاسخ

1

بهترین گزینه این است که به دنبال مبدل ها بگردید و سپس محتوای تبدیل شده را ویرایش کنید.

من چند هفته است که به دنبال یک راه حل کار هستم و بهترین چیزی که تا به حال پیدا کرده ام docx2html است.

بسته به پلتفرم توسعه خود، می‌توانید از «ONLYOFFICE Document Server Community Edition» Google نیز استفاده کنید. آنها ویرایشگرهای صفحه برای Word، Excel و Powerpoint دارند - اما آنها asp هستند. این یک پلت فرم باز است کد منبعو در Github در دسترس است. هرچند شاید ارزش یک نگاه را داشته باشد.

آیا امکان تبدیل doc/docx به html با استفاده از jquery/javascript وجود دارد؟

باید doc/docx را به html تبدیل کنم. من فایل های ذخیره شده در آمازون s3 دارم. باید آن را در مرورگر مشاهده و ویرایش کنم. در حال حاضر، من از Apache POI برای...

تولید اسناد docx از قالب جاوا اسکریپت docx

من به دنبال کتابخانه ای در جاوا اسکریپت هستم که بتواند اسناد docx را از یک الگوی docx تولید کند و بتواند برچسب ها را با مقادیر آنها جایگزین کند و تصاویر را با تصاویر دیگر جایگزین کند. نام کتابخانه را پیدا کردم ...

نحوه قضاوت در مورد doc یا docx بودن یک فایل در POI

عنوان ممکن است کمی گیج کننده باشد. ساده ترین روش باید بر اساس نام پسوند باشد، درست مانند: // نشان دهنده جریان ورودی است اگر (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 و غیره است و گاهی اوقات usar نیاز به ویرایش این اسناد دارد. که در...

DOC/DOCX را به HTML معنایی تبدیل کنید

من می خواهم اسناد doc/docx را به HTML معنایی تبدیل کنم. برخی از خواسته ها/نیازها: HTML معنایی به گونه ای که سرفصل های سند و غیره، جداول -...

بسته های Golang برای تبدیل doc به docx و docx به pdf؟

من در حال نوشتن یک برنامه وب در Golang هستم که در آن کاربر می تواند یک فایل doc یا docx را آپلود کند. برخی از محتویات فایل با توجه به فرمت از پیش تعریف شده تغییر خواهد کرد. بعداً کاربر ...

یک سند Rich Word را در ویرایشگر RichText ویرایشگر telerik بارگیری کنید

من فرمی دارم که در آن یک سند word آپلود می کنم و آن را در DB ذخیره می کنم. من باید بعداً روی این اسناد علامت گذاری کنم. در حال حاضر چیزی برای ...

تبدیل فایل doc به فرمت docx

من فایل docx را به html تبدیل کردم زیرا در فرمت Zip است. اما من باید فایل های doc را نیز تبدیل کنم. آیا راهی برای تغییر فایل DOC به docx با استفاده از کد (ترجیح جاوا) وجود دارد. لطفا...

ویرایشگر کد یک ابزار مفید برای هر برنامه نویسی است. و همه برای خود انتخاب می کنند: برخی از قابلیت های ارزشی، برخی تحرک ارزش، برای دیگران نکته اصلی طراحی و راحتی است. برخی از افراد حتی دوست دارند در Notepad کد بنویسند، اما این مانند تلاش برای ساختن خانه با چکش است.

جاوا اسکریپت یک زبان قدرتمند و دمدمی مزاج است. از یک سو، چارچوب ها و کتابخانه های زیادی وجود دارد، از سوی دیگر، ساده ترین نحو و خطرات مرتبط با «دینامیک» وجود ندارد. بنابراین، انتخاب یک ویرایشگر برای کار با آن مهم است. انتخاب صحیح کدهای تمیز، سرعت توسعه بالا، حداقل خطا و لذت از کار را برای شما فراهم می کند. انتخاب یکی از صدها ویرایشگر موجود می تواند زمان زیادی را ببرد، بنابراین ما برخی از کارها را برای شما انجام داده ایم. در اینجا 5 بهترین هستند.

WebStorm

WebStorm از JetBrains در هر دو شکل فوق‌العاده است: به عنوان یک IDE از کار با سیستم‌های کنترل نسخه پشتیبانی می‌کند، به شما امکان می‌دهد کد را از راه دور اجرا کنید، و به عنوان یک ویرایشگر - امکانات استاندارد مانند برجسته‌سازی نحو، تکمیل خودکار، ناوبری.

مزایای:

• LiveEdit - مشاهده تغییرات ایجاد شده در کد بدون نیاز به ذخیره آن؛
• تعامل با فریم ورک هایی مانند React، Angular، Meteor.
• بیش از صد تست داخلی برای تشخیص خطاها؛
• ادغام با موکا، نقاله، جست، کارما برای تست های واحد.
• دیباگر در مقیاس کامل برای اشکال زدایی کد در سمت سرور و کلاینت؛
• ناوبری برای کار همزمان با چندین فایل؛
• تکمیل کد، برجسته سازی نحو.

ایرادات:

• هزینه 129 دلار برای سال اول بهره برداری.
• برای کدنویسان مبتدی، این عملکرد اضافی است.

کد ویژوال استودیو

فورکی از Visual Studio IDE با هدف کار با کد. یادگیری آن آسان، استفاده آسان و در عین حال کاربردی است.

مزایای:

• تکمیل متنی هر دو نحو و متغیرهای مورد استفاده، ماژول ها، توابع و غیره.
• اشکال زدایی با نقاط شکست، پشته تماس، کنسول تعاملی.
• پشتیبانی از اسنیپت ها و قالب ها؛
• یکپارچه سازی Git;
• رابط کاربری راحت و ساده؛
• ویرایشگر رایگان

ایرادات:

• چند پلاگین

متن عالی

یک ویرایشگر بین پلتفرمی راحت و آزمایش شده با زمان، با رابط قابل تنظیم و توانایی انجام اقدامات بی اهمیت با استفاده از کلیدهای میانبر.

مزایای:

• کلیدهای فوری؛
• ناوبری کد در قالب یک نقشه کوچک؛
• توانایی تغییر تم بصری؛
• پشتیبانی از قطعات
• برجسته کردن، تکمیل خودکار متغیرها و نحو.
• ویرایش چندگانه به لطف استفاده از اشاره گرها.
• ساخت پشتیبانی سیستم؛
• بررسی نحو هنگام تایپ.
• ذخیره خودکار

ایرادات:

• نسخه کاملهزینه 70 دلار؛
• عدم وجود تحلیلگر کد برای قرار دادن لینک ها

ویرایشگر اتم

در سال 2015، یک ویرایشگر کد از Git ظاهر شد که طرح Sublime Text را کپی کرده و در Chromium پیچیده شده است.

مزایای:

• بیش از 50 ماژول باز
• رابط کاربری راحت و دلپذیر؛
• رایگان؛
• تکمیل کد و برجسته کردن.
• مدیر بسته، که در حال حاضر بیش از 3.5 هزار مورد وجود دارد.
• تنظیمات انعطاف پذیر برای ویرایشگر، بسته های افزونه و تم های رابط؛
• ویرایش و پیمایش با استفاده از کلیدهای میانبر.

ایرادات:

• بهره وری پایین؛
• مجموعه خالی "خارج از جعبه".

براکت ها

در سال 2014، براکتز برنامه نویسان را با اشکالات و کاستی ها ترساند، اما اکنون با عملکردهای جدید با کیفیت بالا به تدریج اعتماد خود را به دست می آورد.

مزایای:

• تجهیزات غنی "خارج از جعبه"؛
• حالت پیش نمایش زنده - پیش نمایش ویرایش ها در مرورگر در زمان واقعی.
• مدیر بسته؛
• نمایش تصاویر و رنگ های استفاده شده در کد؛
• تکمیل خودکار و برجسته سازی نحو.
• تحلیلگر کد؛
• رایگان.

ایرادات:

• تمرکز دقیق روی وب و HTML+CSS+JavaScript.
• توسعه آهسته؛
• عملکرد کند به دلیل عملکردهای پیش نمایش

من با موفقیت کدی برای نمایش یک فایل PDF در مرورگر به جای کادر محاوره ای "باز کردن/ذخیره" ایجاد کردم. اکنون در تلاش برای نمایش گیر کرده ام سند ورددر مرورگر من می خواهم یک سند Word را در فایرفاکس، IE7+، کروم و غیره نمایش دهم.

کسی می تواند کمک کند؟ من همیشه هنگام نمایش کلمه doc در مرورگر یک گفتگوی "باز کردن/ذخیره" دریافت می کنم. من می خواهم این قابلیت را با استفاده از جاوا اسکریپت پیاده سازی کنم.

6 پاسخ

با این حال، اگر ترجیح می‌دهید از پشتیبانی بومی برخوردار باشید، در اکثر مرورگرها، اگر نه در همه مرورگرها، توصیه می‌کنم .doc/.docx را مجدداً به‌عنوان PDF ذخیره کنید؛ آنها همچنین می‌توانند به طور مستقل با استفاده از PDF.js موزیلا ارائه شوند.

پاسخ‌های Brandon و 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 به html، اکثر عناصر پشتیبانی می شوند

https://github.com/mwilliamson/mammoth.js - از سرفصل ها، فهرست ها، جداول، پانوشت ها، پاورقی ها، تصاویر و متن جعبه پشتیبانی می کند!--1-->

https://www.npmjs.com/package/docx2html - تبدیل اسناد HTML به DOCX در مرورگر

https://github.com/artburkart/docx2html - ظاهراً در مرورگر کار می کند

توجه: اگر به دنبال آن هستید بهترین راهفایل doc/docx را در سمت کلاینت تبدیل کنید و احتمالاً جواب می دهد نیازی نیست. اگر واقعاً نیاز به انجام آن دارید، آن را انجام دهید. سمت سرور یعنی با libreoffice در حالت headless، apache-poi یا هر کتابخانه دیگری برای شما بهترین است.

ViewerJS برای مشاهده / تعبیه فرمت openoffice مانند odt، odp، ods و همچنین pdf مفید است.

برای جاسازی سند openoffice/pdf

/ViewerJS/ مسیر ViewerJS است

#../demo/ohm2013 - مسیر را به فایل خود اضافه کنید

با این کار وابستگی‌های زمان اجرا در سرویس‌های Google و Microsoft حذف می‌شود (به عنوان مثال اگر وجود داشت یا محدود به آنها بودید).

همچنین این مزیت را دارد که در صورت تمایل می توانید به انواع فایل های دیگر (PPTX، XLS، DOC و غیره) گسترش دهید.

مطمئناً بارها با ویرایشگرهای بصری روبرو شده اید که به شما امکان می دهد ظاهر صفحات یا برخی از پیام ها را به راحتی شکل دهید، مثلاً در یک انجمن. و نه با کدهای BB، بلکه بلافاصله یک نتیجه خاص دریافت می کنید. تعداد زیادی از این ویرایشگرها در اینترنت وجود دارد. یکی از محبوب ترین ها TinyMCE است، با این حال، من طرفدار اسکریپت های خودم هستم و معتقدم که برای هر کار باید راه حل مخصوص به خود وجود داشته باشد، نه یک راه حل جهانی. بنابراین، در این مقاله به شما خواهم گفت که چگونه یک ویرایشگر بصری در جاوا اسکریپت ایجاد کنید.

در اینجا چند کد نسبتاً خوب ارائه شده است:

// نمایش دکمه های ویرایش
document.write("");
document.write("");
document.write("
");
document.write(""); // یک iframe اضافه کنید
/* بسته به مرورگر، به فریم ایجاد شده دسترسی پیدا می کنیم */
var isGecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var iframe = (isGecko) ? document.getElementById("frameId") : frames["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("bold"، null، "");
}
تابع setItal() (
iWin.focus();
iWin.document.execCommand("Italic"، null، "");
}
تابع save() (
/* ذخیره کد HTML در فیلد پنهان به طوری که بعداً بتوانید کد HTML حاصل را به کنترل کننده اسکریپت ارسال کنید */
document.getElementById("محتوا").value = iDoc.body.innerHTML;
بازگشت درست؛
}

در نگاه اول، کد بسیار پیچیده به نظر می رسد. و همینطور است، اما اگر بر اساس عناصر اصلی آن به آن نگاه کنید، هیچ چیز پیچیده ای وجود ندارد. یک فرم معمولی و یک فیلد مخفی وجود دارد که در آن کد HTML تولید شده در ویرایشگر ذخیره می شود. خود ویرایشگر یک قاب معمولی است، یعنی یک صفحه معمولی HTML که می توانیم در آن متن بنویسیم (designMode = "روشن"). و با استفاده از متد execCommand() که دستور مشخص شده در پارامتر را اجرا می کند، قالب بندی های مختلفی ایجاد می شود. و من فکر می کنم ایجاد دکمه های جدید و وصل کردن کنترل کننده های مشابه به آنها برای شما دشوار نخواهد بود.

هیچ چیز اضافی در این اسکریپت وجود ندارد، فقط مهم ترین و اساسی ترین آن است، و می توانید از آن به عنوان پایه ای برای ایجاد اسکریپت خود استفاده کنید. ویرایشگر بصریدر جاوا اسکریپت، که در آن هیچ چیز اضافی وجود نخواهد داشت، بلکه فقط آنچه شما نیاز دارید.

شما می توانید کد جاوا اسکریپت را در یک دفترچه یادداشت معمولی بنویسید - فقط نتیجه را با پسوند js ذخیره کنید و نه تنها به سایت متصل می شود، بلکه حتی کار می کند. با این حال، استفاده از چنین ویرایشگر محدودی باعث کاهش سرعت توسعه می شود. بنابراین، بهتر است از یک چیز تخصصی استفاده کنید. چندین معیار اصلی وجود دارد که بر اساس آنها باید یک ویرایشگر برای کار با کد جاوا اسکریپت انتخاب کنید.

اول، ما به برجسته سازی نحو نیاز داریم: نام ها، عملگرها و نمادهای خاصباید متفاوت نمایش داده شود تا کد به سرعت خوانده شود.

برجسته سازی نحو در Notepad++

ثانیاً، به تکمیل خودکار نیاز دارید: وقتی نام یک تابع یا متغیر را وارد می‌کنید، ویرایشگر باید چندین گزینه برای دستوراتی که احتمالاً وارد می‌کنید ارائه دهد. توصیه می شود که نکاتی را در مورد مؤلفه انتخاب شده نیز نشان دهد - به عنوان مثال، آرگومان های مورد نیاز، نوع متغیر، توضیح کوتاهو غیره

تکمیل خودکار در Notepad++

ثالثاً، ما به توانایی مخفی کردن تک تک بلوک ها نیاز داریم. هنگام کار بر روی پروژه های بزرگ، این کار مفید است زیرا برای یافتن آنچه نیاز دارید نیازی به پیمایش در قطعات عظیم کد ندارید.

مخفی کردن بلوک ها در کد ویژوال استودیو

مطلوب است که خطاها برجسته شوند - سپس می توانید بلافاصله آنها را متوجه و اصلاح کنید:

نمایش خطاها در کد ویژوال استودیو

پاداش های خوب توانایی کار با چندین فایل در یک پنجره، مدیر پروژه، انتخاب تم ها، نصب افزونه ها و غیره خواهد بود.

تعداد زیادی ویرایشگر وجود دارد که این الزامات را برآورده می کنند و برای کار با جاوا اسکریپت مناسب هستند. اینکه روی چه کدی بنویسیم یک موضوع شخصی برای همه است، اما بسیاری از افراد در انتخاب برنامه مناسب با مشکل مواجه هستند، بنابراین ما لیستی از 6 ابزار خوب را گردآوری کرده ایم.

Notepad++

Notepad++ یک ویرایشگر متن باز ساده و راحت است. دارای برجسته‌سازی نحو برای چندین زبان، از جمله JS، قالب‌بندی خودکار و تکمیل خودکار. ناوبری در قالب برگه ها وجود دارد، مدیر فایلو کارت های کد

شما می توانید با رمزگذاری های مختلف کار کنید، کامپایلرها را متصل کنید، از پلاگین ها و سایر توابع مفید استفاده کنید. به عنوان مثال، افزودن QuickText تکمیل خودکار داخلی را بهبود می بخشد.

Notepad++ به طور منظم به روز می شود، بنابراین باگ ها به سرعت رفع می شوند و ویژگی های جدیدی اضافه می شوند. متاسفانه فقط روی ویندوز کار میکنه.

Vim

ویرایشگر Vim مدتهاست که یک کلاسیک بوده است. بسیاری از مردم می گویند که درک آن دشوار است، اما اگر زمان کافی را به آن اختصاص دهید، دیگر نمی خواهید از چیز دیگری استفاده کنید.

Vim علاوه بر رعایت تمام معیارهای انتخابی ما، کاملاً قابل تنظیم است، بنابراین می توانید:

• نصب پلاگین ها؛
• تغییر موضوعات؛
• اختصاص کلیدهای میانبر و غیره

Vim کاملا رایگان است و روی همه پلتفرم ها، از ویندوز، MacOS و لینوکس گرفته تا MS DOS و OS/2 کار می کند.

مایکروسافت ویژوال استودیو

Microsoft Visual Studio یک IDE است که هر آنچه برای کار با JS نیاز دارید را دارد. علاوه بر برجسته کردن نحو معمول و تکمیل خودکار، همچنین می توانید از یک اشکال زدا استفاده کنید و تست های واحد را ایجاد کنید.

با این حال، این برنامه وزن بسیار زیادی دارد و سیستم را به شدت بارگذاری می کند، بنابراین برای کار بر روی رایانه های ضعیف چندان مناسب نیست.

هزینه اشتراک ماهانه از 45 تا 250 دلار در ماه می‌تواند باشد، اما وجود دارد نسخه رایگانبرای توسعه دهندگان مبتدی و کسانی که برنامه های منبع باز ایجاد می کنند. IDE برای Windows و MacOS در دسترس است و می توان آن را با استفاده از Wine روی لینوکس نصب کرد.

کد ویژوال استودیو

Visual Studio Code یک نسخه سبک وزن (~170 مگابایت در مقابل 30 گیگابایت)، کراس پلتفرم و نسخه رایگان ویژوال استودیو است. این ویرایشگر با پشتیبانی از JavaScript، TypeScript و Node.JS از پیش نصب شده است.

برنامه های افزودنی برای زبان های دیگر را می توان مستقیماً از Visual Studio Code دانلود کرد.

دستورات دیباگر داخلی و Git برای کار با سیستم کنترل نسخه GitHub به شما امکان می دهد سرعت آزمایش و انتشار برنامه ها را افزایش دهید.

متن عالی

Sublime Text یک ویرایشگر چند پلتفرمی ساده است. رابط کاربری آن قابل تنظیم است و می توانید برخی از اقدامات را با استفاده از کلیدهای میانبر انجام دهید.

همچنین از اسنیپت ها، تکمیل خودکار، برجسته سازی نحو و ناوبری پشتیبانی می کند. جایزه جالب - ذخیره خودکار. با این حال، برای مبتدیان بیشتر مورد نیاز است - از این گذشته، برنامه نویسان حرفه ای در طول سال ها کار عادت پس انداز را پس از وارد کردن هر دستور ایجاد می کنند.

نقطه ضعف اصلی Sublime Text این است که نسخه کامل آن 80 دلار هزینه دارد (مجوز برای یک کاربر صادر می شود که می تواند از ویرایشگر در هر رایانه ای استفاده کند). وگرنه خوب میاد
توسعه دهندگان JS