add iodide.output.element to display the matplotlib figure

bt5/erp5_notebook/SkinTemplateItem/portal_skins/erp5_notebook/gadget_jsmd_eval.js.js

@@ -434,6 +434,23 @@
     }
   }
 
+  function outputElement(node_type) {
+    var div, node;
+    div = document.createElement("div");
+    // iodide.output.element API allows user to define the node type
+    node = document.createElement(node_type);
+    div.append(node);
+    document.body.appendChild(div);
+    // div for insert in to the body
+    // node for return to the caller
+    return node;
+  }
+
+  // We provided window.pyodide, so matplotlib will use iodide.output.element as backend
+  // see: https://github.com/iodide-project/pyodide/blob/master/packages/matplotlib/src/wasm_backend.py#L108
+  // It is not related to addOutputHandler
+  window.iodide.output = {element: outputElement};
+
   function executePyCell(line_list) {
     var result, code_text = line_list.join('\n');
     result = pyodide_instance.runPython(code_text);