[Feature] Ability to add custom widget/nodes for univer docs

[OsamaHaikal]

Initial checklist

• Is this really a problem?
• I have searched the Github Issues for similar issues, but did not find anything.

Problem

We are currently using Tiptap for our document editor, which allows us to create interactive custom nodes and components using Vue/React. This feature enables us to incorporate highly customized elements within the editor, tailored to our specific use case. However, we are exploring migrating to Univer Docs for better integration within our ecosystem.

Feature Request: We request the ability to add custom nodes and interactive components to Univer Docs, similar to Tiptap's extensible approach. Specifically, we would like:

1. Custom Node Integration: The option to define new types of nodes/widgets in the document, rendered with custom styles and use pagination logic from univer
2. Vue/React Component Support: The ability to inject Vue/React components for these custom nodes, allowing complex, interactive behaviors within the editor.

This feature would enable us to replicate our existing functionality in Tiptap while leveraging the Univer Docs framework.

Use Case: Our application requires an editor that supports rich, dynamic content. We have several custom nodes (e.g., interactive tables, real-time data components, charts) that users can add directly into their documents. Supporting these features would make Univer Docs a viable alternative for our document editing needs.

[Jocs]

@OsamaHaikal Does custom wedget need to interact with other content in the document? Or is it completely autonomous, taking care of content updates and rendering itself

[OsamaHaikal]

@Jocs For our case, it is completely autonomous, the only thing needed from document is getting/sending updates from/to document for handling paging and content pagination

[Jocs]

@Jocs For our case, it is completely autonomous, the only thing needed from document is getting/sending updates from/to document for handling paging and content pagination

Ok, it just like float object, we'll handle the float object layout and pagiation.