Editor
The editor
Constructors
new Editor()
new Editor(
editorHolder,options,plugins):Editor
constructor
Parameters
• editorHolder: HTMLElement
• options: Partial<EditorOptions>
• plugins: Plugin[]= []
Returns
Source
packages/core/src/editor.ts:364
Properties
actions
actions:
Actions
The actions
Source
packages/core/src/editor.ts:241
canvas
canvas:
Canvas
The canvas object
Source
packages/core/src/editor.ts:266
canvasElement
canvasElement:
HTMLCanvasElement
The canvas element
Source
packages/core/src/editor.ts:261
clipboard
clipboard:
Clipboard
The clipboard object
Source
packages/core/src/editor.ts:226
factory
factory:
ShapeFactory
The shape factory
Source
packages/core/src/editor.ts:236
keymap
keymap:
KeymapManager
The keymap manager
Source
packages/core/src/editor.ts:246
onActiveHandlerChange
onActiveHandlerChange:
TypedEvent<string>
The event emitter for active handler change
Source
packages/core/src/editor.ts:141
onActiveHandlerLockChange
onActiveHandlerLockChange:
TypedEvent<boolean>
The event emitter for active handler lock change
Source
packages/core/src/editor.ts:146
onCurrentPageChange
onCurrentPageChange:
TypedEvent<Page>
The event emitter for current page change
Source
packages/core/src/editor.ts:136
onDblClick
onDblClick:
TypedEvent<DblClickEvent>
The event emitter for double click
Source
packages/core/src/editor.ts:176
onDrag
onDrag:
TypedEvent<DragEvent>
The event emitter for drag
Source
packages/core/src/editor.ts:196
onDragEnd
onDragEnd:
TypedEvent<DragEvent>
The event emitter for drag end
Source
packages/core/src/editor.ts:201
onDragStart
onDragStart:
TypedEvent<DragEvent>
The event emitter for drag start
Source
packages/core/src/editor.ts:191
onFileDrop
onFileDrop:
TypedEvent<FileDropEvent>
The event emitter for file drop
Source
packages/core/src/editor.ts:206
onKeyDown
onKeyDown:
TypedEvent<KeyboardEvent>
The event emitter for key down
Source
packages/core/src/editor.ts:181
onKeyUp
onKeyUp:
TypedEvent<KeyboardEvent>
The event emitter for key up
Source
packages/core/src/editor.ts:186
onPointerDown
onPointerDown:
TypedEvent<CanvasPointerEvent>
The event emitter for pointer down
Source
packages/core/src/editor.ts:161
onPointerMove
onPointerMove:
TypedEvent<CanvasPointerEvent>
The event emitter for pointer move
Source
packages/core/src/editor.ts:166
onPointerUp
onPointerUp:
TypedEvent<CanvasPointerEvent>
The event emitter for pointer up
Source
packages/core/src/editor.ts:171
onRepaint
onRepaint:
TypedEvent<void>
The event emitter for repaint
Source
packages/core/src/editor.ts:211
onScroll
onScroll:
TypedEvent<number[]>
The event emitter for scroll
Source
packages/core/src/editor.ts:156
onZoom
onZoom:
TypedEvent<number>
The event emitter for zoom
Source
packages/core/src/editor.ts:151
options
options:
EditorOptions
The editor options
Source
packages/core/src/editor.ts:121
parent
parent:
HTMLElement
The parent element
Source
packages/core/src/editor.ts:256
platform
platform:
string
The platform
Source
packages/core/src/editor.ts:131
plugins
plugins:
Record<string,Plugin>
The plugins
Source
packages/core/src/editor.ts:126
selection
selection:
SelectionManager
The selection manager
Source
packages/core/src/editor.ts:231
store
store:
Store
The store object
Source
packages/core/src/editor.ts:216
transform
transform:
Transform
The transform object
Source
packages/core/src/editor.ts:221
Methods
activateDefaultHandler()
activateDefaultHandler():
void
Activate the default handler
Returns
void
Source
packages/core/src/editor.ts:1199
activateHandler()
activateHandler(
id):void
Activate a handler by id
Parameters
• id: string
Returns
void
Source
packages/core/src/editor.ts:1182
checkCurrentPage()
checkCurrentPage():
void
Check if the current page is valid
Returns
void
Source
packages/core/src/editor.ts:859
drawSelection()
drawSelection():
void
Draw selection
Returns
void
Source
packages/core/src/editor.ts:1324
fit()
fit():
void
Fit the editor size to the holder element
Returns
void
Source
packages/core/src/editor.ts:995
fitToScreen()
fitToScreen(
scaleAdjust,maxScale):void
Fit doc to screen and move to center
Parameters
• scaleAdjust: number= 1
• maxScale: number= 1
Returns
void
Source
packages/core/src/editor.ts:1103
focus()
focus():
void
Set focus on this editor
Returns
void
Source
packages/core/src/editor.ts:911
getActiveHandler()
getActiveHandler():
null|Handler
Get the active handler
Returns
null | Handler
Source
packages/core/src/editor.ts:1175
getActiveHandlerLock()
getActiveHandlerLock():
boolean
Get active handler lock
Returns
boolean
Source
packages/core/src/editor.ts:1218
getBoundingRect()
getBoundingRect():
number[][]
Get bounding rect in GCS
Returns
number[][]
Source
packages/core/src/editor.ts:1058
getCenter()
getCenter():
number[]
Get screen center point in GCS
Returns
number[]
Source
packages/core/src/editor.ts:1050
getCurrentPage()
getCurrentPage():
null|Page
Get current page
Returns
null | Page
Source
packages/core/src/editor.ts:872
getCursor()
getCursor():
string
Get cursor
Returns
string
Source
packages/core/src/editor.ts:1357
getDarkMode()
getDarkMode():
boolean
Get dark mode
Returns
boolean
Source
packages/core/src/editor.ts:918
getDoc()
getDoc():
Doc
Get the document
Returns
Source
packages/core/src/editor.ts:1372
getEnabled()
getEnabled():
boolean
Get enabled state
Returns
boolean
Source
packages/core/src/editor.ts:844
getGridSize()
getGridSize():
number[]
Get grid size
Returns
number[]
Source
packages/core/src/editor.ts:937
getOrigin()
getOrigin():
number[]
Get origin point in CCS
Returns
number[]
Source
packages/core/src/editor.ts:1003
getPages()
getPages():
Page[]
Get pages
Returns
Page[]
Source
packages/core/src/editor.ts:901
getPlugin()
getPlugin(
id):null|Plugin
Get a plugin by id
Parameters
• id: string
Returns
null | Plugin
Source
packages/core/src/editor.ts:837
getScale()
getScale():
number
Get scale
Returns
number
Source
packages/core/src/editor.ts:1066
getShowGrid()
getShowGrid():
boolean
Get show grid state
Returns
boolean
Source
packages/core/src/editor.ts:952
getSize()
getSize():
number[]
Return the size of canvas element in CCS
Returns
number[]
Source
packages/core/src/editor.ts:1029
getSnapToGrid()
getSnapToGrid():
boolean
Get snap to grid
Returns
boolean
Source
packages/core/src/editor.ts:967
getSnapToObjects()
getSnapToObjects():
boolean
Get snap to object
Returns
boolean
Source
packages/core/src/editor.ts:981
loadFromJSON()
loadFromJSON(
json):void
Load from JSON
Parameters
• json: any
Returns
void
Source
packages/core/src/editor.ts:1400
moveOrigin()
moveOrigin(
dx,dy):void
Move origin point
Parameters
• dx: number
• dy: number
Returns
void
Source
packages/core/src/editor.ts:1022
newDoc()
newDoc():
Doc
Create a new document
Returns
Source
packages/core/src/editor.ts:1386
repaint()
repaint(
drawSelection):void
Repaint diagram
Parameters
• drawSelection: boolean= true
Returns
void
Source
packages/core/src/editor.ts:1344
saveToJSON()
saveToJSON():
any
Save to JSON
Returns
any
Source
packages/core/src/editor.ts:1417
scroll()
scroll(
dx,dy):void
Scroll screen
Parameters
• dx: number
• dy: number
Returns
void
Source
packages/core/src/editor.ts:1126
scrollCenterTo()
scrollCenterTo(
center?):void
Scroll screen center to a point in GCS
Parameters
• center?: number[]
center point in GCS. If not provided, scroll to the center of the page size or the center of the shapes
Returns
void
Source
packages/core/src/editor.ts:1135
scrollToCenter()
scrollToCenter():
void
Scroll to center of the shapes
Returns
void
Source
packages/core/src/editor.ts:1161
setActiveHandlerLock()
setActiveHandlerLock(
lock):void
Set active handler lock
Parameters
• lock: boolean
Returns
void
Source
packages/core/src/editor.ts:1208
setCurrentPage()
setCurrentPage(
page):void
Set current page
Parameters
• page: Page
Returns
void
Source
packages/core/src/editor.ts:879
setCursor()
setCursor(
cursor,angle):void
Set cursor
Parameters
• cursor: string
• angle: number= 0
Returns
void
Source
packages/core/src/editor.ts:1364
setDarkMode()
setDarkMode(
dark):void
Set dark mode
Parameters
• dark: boolean
Returns
void
Source
packages/core/src/editor.ts:925
setDoc()
setDoc(
doc):void
Set the document
Parameters
• doc: Doc
Returns
void
Source
packages/core/src/editor.ts:1379
setEnabled()
setEnabled(
enabled):void
Set enabled state
Parameters
• enabled: boolean
Returns
void
Source
packages/core/src/editor.ts:851
setGridSize()
setGridSize(
gridSize):void
Set grid size
Parameters
• gridSize: number[]
Returns
void
Source
packages/core/src/editor.ts:944
setOrigin()
setOrigin(
x,y):void
Set origin point
Parameters
• x: number
• y: number
Returns
void
Source
packages/core/src/editor.ts:1010
setScale()
setScale(
scale):void
Set scale
Parameters
• scale: number
Returns
void
Source
packages/core/src/editor.ts:1073
setShowGrid()
setShowGrid(
show):void
Set show grid or not
Parameters
• show: boolean
Returns
void
Source
packages/core/src/editor.ts:959
setSize()
setSize(
width,height):void
Set canvas element size
Parameters
• width: number
• height: number
Returns
void
Source
packages/core/src/editor.ts:1036
setSnapToGrid()
setSnapToGrid(
value):void
Set snap to grid
Parameters
• value: boolean
Returns
void
Source
packages/core/src/editor.ts:974
setSnapToObjects()
setSnapToObjects(
value):void
Set snap to object
Parameters
• value: boolean
Returns
void
Source
packages/core/src/editor.ts:988
update()
update():
void
Update all shapes
Returns
void
Source
packages/core/src/editor.ts:1333
zoom()
zoom(
scale):void
Set zoom scale while keeping the screen center
Parameters
• scale: number= 1
Returns
void