Hi, thank you for the great work on ProseMirror.
Our team is trying to implement a split editor with two synchronized views of the same underlying document. The left pane should show the entire document contents, while the right pane should show a custom view based on the node under the cursor. The user can edit the document on the left pane, and preview the result on the right pane. Plus, the user can interact with the right pane, and the changes should be reflected in the left pane.
While our use case is different, here is a simplified scenario. The document in the left pane is a bulleted list of tasks. Each task has a deadline represented by the inline text @YYYY-MM-DD
. When the cursor is over one of the tasks, the right pane shows the task title and the deadline separately. The task title could be either a prosemirror editor or a input field. The deadline could an interactive calendar widget. Changes on one side should update the other.
In our case, we have different node types that map to different previews, and we’re looking for a solution that would allow to add new types/previews like plugins. We also plan to later include collaborative editing (the preview would depend on the cursor of the local user). We have made some progress towards this, but we’re relatively new to ProseMirror, and we’re not confident in our approach. Could someone suggest how they would approach this?
Thank you!