Exported notes contain plaintext and html

src/export/export.js

@@ -3,7 +3,8 @@
 const { promises: jsonld } = require('jsonld')
 
 const { pick, pluck } = require('../common/util')
-const { ITEM, PHOTO, SELECTION, NOTE } = require('../constants/type')
+const { ITEM, PHOTO, SELECTION } = require('../constants/type')
+const makeNote = require('./note')
 
 const TR = 'https://tropy.org/v1/tropy#'
 
@@ -84,15 +85,6 @@ function addInfo(target, ids, key, state, fn = x => x.name) {
   return target
 }
 
-function makeNote(note) {
-  return {
-    '@type': NOTE,
-    'text': note.text,
-    'doc': JSON.stringify(note.state.doc),
-    'language': note.language
-  }
-}
-
 function addSelections(template, photo, ids, resources) {
   const selProps = ['x', 'y', 'width', 'height', 'angle', 'mirror', 'template']
   const [props, metadata,,,, notes, selections] = resources

src/export/note.js

@@ -0,0 +1,23 @@
+'use strict'
+
+const { NOTE } = require('../constants/type')
+
+const { DOMSerializer } = require('prosemirror-model')
+const { schema } = require('../components/editor/schema')
+
+const serializer = DOMSerializer.fromSchema(schema)
+
+function toHTML(doc) {
+  const node = schema.nodeFromJSON(doc)
+  const docFragment = serializer.serializeFragment(node)
+  return Array.from(docFragment.children).map(x => x.outerHTML).join('')
+}
+
+module.exports = function (note) {
+  return {
+    '@type': NOTE,
+    'text': note.text,
+    'html': toHTML(note.state.doc),
+    'language': note.language
+  }
+}