How to merge two contents version with quill.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

// Get the content from both versions
const contentVersion1Json = {
  ops: [
    { insert: 'Hello' },
    { insert: '
', attributes: { bold: true } },
    { insert: 'World!' },
  ]
};

const contentVersion2Json = {
  ops: [
    { insert: 'Hey' },
    { insert: '
', attributes: { italic: true } },
    { insert: 'There!' },
  ]
};

// Create Delta objects from the JSON content of both versions
const delta1 = new Quill.import('delta').create(contentVersion1Json);
const delta2 = new Quill.import('delta').create(contentVersion2Json);

// Merge the two Delta objects
const mergedDelta = delta1.compose(delta2);

// Apply the merged Delta object to a new Quill instance
const quill = new Quill('#editor', {
  theme: 'snow'
});
quill.setContents(mergedDelta);