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