Class InsertImageWidget

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.

import { Editor, makeEdgeToolbar, InsertImageWidget } from 'js-draw';

const editor = new Editor(document.body);
const toolbar = makeEdgeToolbar(editor);

toolbar.addWidget(new InsertImageWidget(editor));

Hierarchy (view full)

Constructors

Properties

container: HTMLElement
editor: Editor
id: string
localizationTable: ToolbarLocalization

Accessors

Methods

  • Returns 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.

    Parameters

    Returns string

  • 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.

    Returns SavedToolbuttonState

  • Note: 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.

    Parameters

    • tags: string[]

    Returns void

OpenSource licenses