use setBlockType

editors/demo/src/HHMI/HHMI.js

@@ -25,7 +25,14 @@ const Hhmi = () => {
         fileUpload={file => renderImage(file)}
         value=""
         targetFormat="JSON"
-        nodeViews={[{ multiple_choice: { component: TestComponent } }]}
+        nodeViews={[
+          {
+            multiple_choice: {
+              node: 'multiple_choice',
+              component: TestComponent,
+            },
+          },
+        ]}
         // readonly
         layout={HhmiLayout}
         // onChange={source => console.log(source)}

editors/demo/src/HHMI/MultipleChoiceQuestionService/MultipleChoiceQuestion.js

 import { injectable } from 'inversify';
 import { Tools } from 'wax-prosemirror-services';
-import { wrapIn } from 'prosemirror-commands';
+import { setBlockType } from 'prosemirror-commands';
 
 @injectable()
 class MultipleChoiceQuestion extends Tools {
@@ -10,7 +10,7 @@ class MultipleChoiceQuestion extends Tools {
 
   get run() {
     return (state, dispatch) => {
-      wrapIn(state.config.schema.nodes.multiple_choice)(state, dispatch);
+      setBlockType(state.config.schema.nodes.multiple_choice)(state, dispatch);
     };
   }
 

editors/demo/src/HHMI/MultipleChoiceQuestionService/schema/multipleChoiceNode.js

-// const multipleChoiceNode = {
-//   group: 'block multiple',
-//   content: 'text*',
-//   atom: true,
-//   code: true,
-//   toDOM: () => ['multiple-choice', { class: 'multiple-choice' }, 0],
-//   parseDOM: [
-//     {
-//       tag: 'multiple-choice',
-//     },
-//   ],
-// };
-
 const multipleChoiceNode = {
-  content: 'block+',
-  group: 'block',
-  defining: true,
-  parseDOM: [{ tag: 'multiple-choice' }],
-  toDOM() {
-    return ['multiple-choice', 0];
-  },
+  group: 'block multiple',
+  content: 'text*',
+  atom: true,
+  code: true,
+  toDOM: () => ['multiple-choice', { class: 'multiple-choice' }, 0],
+  parseDOM: [
+    {
+      tag: 'multiple-choice',
+    },
+  ],
 };
 
+// const multipleChoiceNode = {
+//   content: 'block+',
+//   group: 'block',
+//   defining: true,
+//   //   parseDOM: [{ tag: 'multiple-choice' }],
+//   toDOM() {
+//     // return ['multiple-choice', 0];
+//   },
+// };
+
 export default multipleChoiceNode;

wax-prosemirror-core/src/WaxView.js

@@ -85,9 +85,9 @@ export default props => {
   );
 
   const createNodeVies = () => {
-    const test = nodeViews.map((nodeView, key) => {
+    const test = nodeViews.map((nodeView, key, index) => {
       return {
-        multiple_choice(node, view, getPos, decorations) {
+        [nodeView.multiple_choice.node](node, view, getPos, decorations) {
           console.log('rerenders for ever');
           return createReactNodeView({
             node,