Optionallocalization: ToolbarLocalizationProtected ReadonlycontainerProtectededitorProtectedidProtected ReadonlylocalizationProtectedactivateProtectedaddAdd a widget to this' dropdown. Must be called before this.addTo.
ProtectedcreateProtectedfillProtectedgetProtectedgetReturns the ID of this widget in container. Adds a suffix to this' ID
if an item in container already has this' ID.
For example, if this has ID foo and if
container = { 'foo': somethingNotThis, 'foo-1': somethingElseNotThis }, this method
returns foo-2 because elements with IDs foo and foo-1 are already present in
container.
If this is already in container, returns the id given to this in the container.
ProtectedhandleProtectedisProtectedisProtectedonAdd a listener that is triggered when a key is pressed. Listeners will fire regardless of whether this widget is selected and require that Editor.toolController to have an enabled ToolbarShortcutHandler tool.
Serialize state associated with this widget. Override this method to allow saving/restoring from state on application load.
Overriders should call super and include the output of super.serializeState in
the output dictionary.
Clients should not rely on the output from saveState being in any particular
format.
ProtectedsetNote: Tags should be set before a tool widget is added to a toolbar.
Associates tags with this widget that can be used by toolbar themes
to customize the layout/appearance of this button. Prefer tags in
the ToolbarWidgetTag enum, where possible.
In addition to being readable from the getTags method, tags are
added to a button's main container as CSS classes with the toolwidget-tag-- prefix.
For example, the undo tag would result in toolwidget-tag--undo
being added to the button's container's class list.
ProtectedsetupProtectedsetProtectedshouldProtectedupdate
Provides a widget that allows inserting or modifying raster images.
It's possible to customize the file picker used by this widget through EditorSettings.image.
Example
import { Editor, makeEdgeToolbar, InsertImageWidget } from 'js-draw'; const editor = new Editor(document.body); const toolbar = makeEdgeToolbar(editor); toolbar.addWidget(new InsertImageWidget(editor));