Static STATUSESReadonly beforeReadonly beforeReadonly destructed: "destructed"Readonly ready: "ready"Parent View element
The window in which jodit was created
Readonly uidCurrent component status
Setter for current component status
Component was destructed
The component is currently undergoing destructuring or has already been destroyed. Those. you should not hang new events on him now or do anything else with him.
Component is ready for work
Shortcut for this.jodit
Bind destructor to some View
Safe get any field
the path to be traversed in the obj object
Optional obj: IDictionarythe object in which the value is searched
private a = {
b: {
c: {
e: {
g: {
color: 'red'
}
}
}
}
}
this.get('a.b.c.e.g.color'); // Safe access to color
// instead using optionsl chaining
this?.a?.b?.c?.e?.g?.color
Calc BEM element class name
element name in the bem classification
Adds a handler for changing the component's status
the status at which the callback is triggered
a function that will be called when the status is status
Static isOpen image editor
var jodit = Jodit.make('.editor', {
imageeditor: {
crop: false,
closeAfterSave: true,
width: 500
}
});
jodit.imageeditor.open('http://xdsoft.net/jodit/images/test.png', function (name, data, success, failed) {
var img = jodit.node.c('img');
img.setAttribute('src', 'http://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();
});
Attach component to View
Set component status
component status
ComponentStatus
If you like Jodit - try Jodit PRO
The module allows you to edit the image: resize or cut any part of it