Image editor
Photo editing is configured through the interface ImageEditorOptions
for example:
const jodit = Jodit.make('#editor', {
  imageeditor: {
    closeAfterSave: true,
    crop: false,
    resize: true,
    width: 500
  }
});
jodit.imageeditor.open(
  'https://xdsoft.net/jodit/images/test.png',
  (name, data, success, failed) => {
    const img = jodit.node.c('img');
    img.setAttribute('src', 'https://xdsoft.net/jodit/images/test.png');
    if (box.action !== 'resize') {
      return failed(
        'Sorry it is work only in resize mode. For croping use FileBrowser'
      );
    }
    img.style.width = data.w;
    img.style.height = data.h;
    jodit.s.insertNode(img);
    success();
  }
);
        
    Classes
openImageEditor
openImageEditor(this, href, name, path, source, onSuccess?, onFailed?): Promise<IDialog>
Open Image Editor
Parameters
| Name | Type | 
|---|---|
this | 
IViewWithToolbar<IViewOptions> & { dataProvider: IFileBrowserDataProvider  } | 
href | 
string | 
name | 
string | 
path | 
string | 
source | 
string | 
onSuccess? | 
() => void | 
onFailed? | 
(error: Error) => void | 
Returns
Defined in
src/modules/image-editor/image-editor.ts#808
form
form(editor, o): HTMLElement
Parameters
| Name | Type | 
|---|---|
editor | 
IViewBased<IViewOptions> | 
o | 
ImageEditorOptions | 
Returns
Defined in
jodit/src/modules/image-editor/templates/form.ts:20
Previous