DEV Community

Cover image for ONLYOFFICE Docs in frontend frameworks: React, Angular and Vue
ONLYOFFICE profile image Kseniya Fedoruk
Kseniya Fedoruk for ONLYOFFICE

Posted on

ONLYOFFICE Docs in frontend frameworks: React, Angular and Vue

#onlyoffice #angular #react #vue

ONLYOFFICE Docs can be integrated with some of the existing frontend frameworks using components. These components provide ready-to-use code modules, standardized frontend technologies, and reusable interface blocks making the process of building user interfaces faster and easier.

The framework components are available in the npm Registry:

To install the components from npm, run the following commands for the corresponding frameworks:

npm install --save @onlyoffice/document-editor-react

npm install --save @onlyoffice/document-editor-angular

npm install --save @onlyoffice/document-editor-vue

Installation using yarn command is also possible. Besides, there you will find all the needed instructions on usage and development.

Useful links

API on frontend frameworks

ONLYOFFICE Docs for developers

Latest API and Doc Builder updates

profile
Datadog
 Promoted

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (1)

Collapse
 
afrowave profile image
Jimmy Gitonga •

I have implemented this for a client and I can't imagine how adding it to these front end frameworks will be like. 😃

profile
Coherence
 Promoted

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Read next

ayushjhawar profile image

Integrate Daytona into Your React Project: A Step-by-Step Guide

Ayush Jhawar -

delightfulengineering profile image

React Developer Resources

Delightful Engineering -

itspedram profile image

Exploring React 19: Key Features You Need to Know

Pedram Mirshah -

allhandsondeck profile image

An opinionated testing approach for VueJS

allhandsondeck -

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay