not able to implement readonly or not editable functionaliy.

When i try to implement onEditable getting the below error ERROR TypeError: this.editorOptions.onEditable is not a function at JsonEditorComponent

• json-editor version: 1.10.5

Expected behavior

Actual behavior

Steps to reproduce the behavior

Implement the onEditable in Angular

would like know how to implement the below part

{function} onEditable({ path, field, value })

Set a callback function to determine whether individual nodes are editable or read-only. Only applicable when option mode is tree, text, or code.

In case of mode tree, the callback is invoked as editable(node), where the first parameter is an object:

{
  field: string,
  value: string,
  path: string[]
}
The function must either return a boolean value to set both the nodes field and value editable or read-only, or return an object {field: boolean, value: boolean} to set set the read-only attribute for field and value individually.

In modes text and code, the callback is invoked as editable(node) where node is an empty object (no field, value, or path). In that case the function can return false to make the text or code editor completely read-only.

with an example will be really hepful

@josdejong expecting a reply .

Thanks in advance 

[pruchay]

If I good understand your need it’s possible by using the disable method.

const element = document.getElementById('editor_holder');
const editor = new JSONEditor(element, options);

editor.getEditor('root.location').disable();

Please check this link for more details https://github.com/json-editor/json-editor#enable-and-disable-the-editor.

[schmunk42]

ping @amk0