Создание веб UI приложения для редактирования XLSX документа в HTML5 веб браузере

VintaSoft Imaging .NET SDK 12.2 в комбинации с VintaSoft Office .NET Plug-in предоставляет функционал для визуального редактирования существующего XLSX документа в Веб приложении.

Для редактирования XLSX документа создан веб редактор XLSX документа. Веб редактор XLSX документа состоит из двух частей.

Первая часть веб редактор XLSX документа - это JavaScript UI контрол WebSpreadsheetDocumentEditorControlJS, который написан на чистом JavaScript коде и может быть использован в любом современном HTML5 веб браузере (Chrome, Firefox, Edge, Opera, Safari). Контрол выполняет 4 основные функции:

1. Отображает UI для XLSX редактора.
2. Отправляет запросы к веб сервису для получения информации о XLSX документе и редактирования XLSX документа.
3. Получает ответы от веб сервиса и отображает XLSX документ в веб браузере.
4. Предоставляет возможность редактировать XLSX документ в веб браузере с помощью клавиатуры и мыши.

Контрол WebSpreadsheetDocumentEditorControlJS позволяет:

• Загрузить существующий XLSX документ.
• Отобразить листы XLSX документа
• Отобразить список листов документа, добавить/переименовать/переместить/удалить лист
• Добавить, выбрать, удалить, изменить размер колонки или строки на листе
• Перемещаться по ячейкам листа с помощью мыши и клавиатуры
• Выбрать ячейки на листе с помощью мыши и клавиатуры
• Изменить свойства стиля (шрифт, заливка, границы, числовой формат, стиль текста, выравнивание, отступы, ...) для выбранных ячеек
• Отобразить форматированный и локализованный текст ячейки
• Рассчитать значение формулы для ячейки
• Редактировать текст ячейки прямо в регионе ячейки или в строке формулы
• Искать текст в документе
• Выгрузить измененный XLSX документ.

Вторая часть веб редактора XLSX документа - это веб сервис VintasoftOfficeWebService, который обслуживает запросы от контрола WebSpreadsheetDocumentEditorControlJS, предоставляет информацию о XLSX документе и выполняет редактирование XLSX документа на серверной стороне.

Быстро протестировать и оценить работу веб редактора XLSX документа можно с помощью бесплатной онлайн версии демо-приложения SpreadsheetEditorDemo: https://demos.vintasoft.com/AspNetCoreSpreadsheetEditorDemo/
Вот скриншот демо-приложения SpreadsheetEditorDemo для ASP.NET Core:


Если функционал онлайн демо-приложения SpreadsheetEditorDemo заинтересовал Вас и Вы хотите посмотреть исходные коды и протестировать демо-приложение SpreadsheetEditorDemo на Вашем компьютере - VintaSoft Imaging .NET SDK 12.2 содержит исходные коды проекта демо-приложения SpreadsheetEditorDemo для ASP.NET Core, ASP.NET Core с Angular, ASP.NET MVC5, ASP.NET WebForms.

Если требуется добавить веб редактор XLSX документа в новое ASP.NET приложение, то стоит прочитать руководства, которые описывают как добавить веб редактор XLSX документа в проекты для популярных ASP.NET сред разработки:

• Добавить веб редактор XLSX документа в ASP.NET Core приложение
• Добавить веб редактор XLSX документа в ASP.NET Core приложение c React.js
• Добавить веб редактор XLSX документа в ASP.NET Core приложение c Angular
• Добавить веб редактор XLSX документа в ASP.NET MVC5 приложение
• Добавить веб редактор XLSX документа в ASP.NET WebForms приложение

UI интерфейс веб редактора XLSX документа может быть изменен и настроен под любые задачи. UI интерфейс веб редактора XLSX документа по умолчанию реализован на английском языке, но при необходимости может быть переведен на любой язык мира. Более подробную информацию о возможностях настройки веб редактора XLSX документа пожалуйста читайте в документации продукта: https://www.vintasoft.com/docs/vsimaging-dotnet-web/Programming-Imaging_Web-Spreadsheet_Document_Editor_Control.html

Мы постоянно совершенствуем и расширяем наши продукты. Возможно на момент прочтения данной статьи функционал веб редактора XLSX документа уже сильно улучшился и расширился.
Если Вы хотите предложить какое-либо улучшения для веб редактора XLSX документа или у Вас возник вопрос по использованию веб редактора XLSX документа, пожалуйста свяжитесь с нами по электронной почте support@vintasoft.ru.