Problem with SimpleMDE (format=markdown) in arrays

Expected behavior

My test type is an array of objects, each having a property ‘bio’ of type ‘string’ and format ‘markdown’. When creating one item in the array, the SimpleMDE textarea appears, together with the text fields for the other properties. When deleting the item just created, both the text fields and the SimpleMDE textarea should disappear.

Actual behavior

The text fields do disappear, but the SimpleMDE textarea remains. The item is not removed from the value. I get the error message “this.SimpleMDE.destroy is not a function”.

Steps to reproduce the behavior

testType = {
  type: 'array',
  items: {
    type: 'object',
    properties: {
      name: { type: 'string' },
      web: { type: 'string', format: 'url' },
      mail: { type: 'string', format: 'email' },
      bio: { type:'string', format:'markdown' }
    }
  }
}
// and somewhere in my html page
var editor = new JSONEditor(document.getElementById('editor_holder'),{schema:testType})

[pmk65]

I can confirm the problem. SimpleMDE has no destroy() function. (Probably something leftover from when JSON-editor changed from EpicEditor to SimpleMDE)

According to this PR on the SimpleMDE repo, the way to remove the editor is like this:

    this.SimpleMDE.toTextArea();
    this.SimpleMDE = null;

@jmandreoli Try modifying the destroy function in “src/editors/string.js” and change this.SimpleMDE.destroy(); into the above and see if it helps.

[pmk65]

@pmk65 This issue would be a nice use-case for https://pmk65.github.io/jedemov2/dist/demo.html

I have added the schema to the examples as “SimpleMDE”. But unfortunately the “prototype” override method doesn’t work on functions with calls to this._super() so it wan’t possible to test the fix using the Interactive playground.