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:363
Properties
actions
actions:
Actions
The actions
Source
packages/core/src/editor.ts:240
canvas
canvas:
Canvas
The canvas object
Source
packages/core/src/editor.ts:265
canvasElement
canvasElement:
HTMLCanvasElement
The canvas element
Source
packages/core/src/editor.ts:260
clipboard
clipboard:
Clipboard
The clipboard object
Source
packages/core/src/editor.ts:225
factory
factory:
ShapeFactory
The shape factory
Source
packages/core/src/editor.ts:235
keymap
keymap:
KeymapManager
The keymap manager
Source
packages/core/src/editor.ts:245
onActiveHandlerChange
onActiveHandlerChange:
TypedEvent<string>
The event emitter for active handler change
Source
packages/core/src/editor.ts:140
onActiveHandlerLockChange
onActiveHandlerLockChange:
TypedEvent<boolean>
The event emitter for active handler lock change
Source
packages/core/src/editor.ts:145
onCurrentPageChange
onCurrentPageChange:
TypedEvent<Page>
The event emitter for current page change
Source
packages/core/src/editor.ts:135
onDblClick
onDblClick:
TypedEvent<DblClickEvent>
The event emitter for double click
Source
packages/core/src/editor.ts:175
onDrag
onDrag:
TypedEvent<DragEvent>
The event emitter for drag
Source
packages/core/src/editor.ts:195
onDragEnd
onDragEnd:
TypedEvent<DragEvent>
The event emitter for drag end
Source
packages/core/src/editor.ts:200
onDragStart
onDragStart:
TypedEvent<DragEvent>
The event emitter for drag start
Source
packages/core/src/editor.ts:190
onFileDrop
onFileDrop:
TypedEvent<FileDropEvent>
The event emitter for file drop
Source
packages/core/src/editor.ts:205
onKeyDown
onKeyDown:
TypedEvent<KeyboardEvent>
The event emitter for key down
Source
packages/core/src/editor.ts:180
onKeyUp
onKeyUp:
TypedEvent<KeyboardEvent>
The event emitter for key up
Source
packages/core/src/editor.ts:185
onPointerDown
onPointerDown:
TypedEvent<CanvasPointerEvent>
The event emitter for pointer down
Source
packages/core/src/editor.ts:160
onPointerMove
onPointerMove:
TypedEvent<CanvasPointerEvent>
The event emitter for pointer move
Source
packages/core/src/editor.ts:165
onPointerUp
onPointerUp:
TypedEvent<CanvasPointerEvent>
The event emitter for pointer up
Source
packages/core/src/editor.ts:170
onRepaint
onRepaint:
TypedEvent<void>
The event emitter for repaint
Source
packages/core/src/editor.ts:210
onScroll
onScroll:
TypedEvent<number[]>
The event emitter for scroll
Source
packages/core/src/editor.ts:155
onZoom
onZoom:
TypedEvent<number>
The event emitter for zoom
Source
packages/core/src/editor.ts:150
options
options:
EditorOptions
The editor options
Source
packages/core/src/editor.ts:120
parent
parent:
HTMLElement
The parent element
Source
packages/core/src/editor.ts:255
platform
platform:
string
The platform
Source
packages/core/src/editor.ts:130
plugins
plugins:
Record<string,Plugin>
The plugins
Source
packages/core/src/editor.ts:125
selection
selection:
SelectionManager
The selection manager
Source
packages/core/src/editor.ts:230
store
store:
Store
The store object
Source
packages/core/src/editor.ts:215
transform
transform:
Transform
The transform object
Source
packages/core/src/editor.ts:220
Methods
activateDefaultHandler()
activateDefaultHandler():
void
Activate the default handler
Returns
void
Source
packages/core/src/editor.ts:1197
activateHandler()
activateHandler(
id):void
Activate a handler by id
Parameters
• id: string
Returns
void
Source
packages/core/src/editor.ts:1180
checkCurrentPage()
checkCurrentPage():
void
Check if the current page is valid
Returns
void
Source
packages/core/src/editor.ts:857
drawSelection()
drawSelection():
void
Draw selection
Returns
void
Source
packages/core/src/editor.ts:1322
fit()
fit():
void
Fit the editor size to the holder element
Returns
void
Source
packages/core/src/editor.ts:993
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:1101
focus()
focus():
void
Set focus on this editor
Returns
void
Source
packages/core/src/editor.ts:909
getActiveHandler()
getActiveHandler():
null|Handler
Get the active handler
Returns
null | Handler
Source
packages/core/src/editor.ts:1173
getActiveHandlerLock()
getActiveHandlerLock():
boolean
Get active handler lock
Returns
boolean
Source
packages/core/src/editor.ts:1216
getBoundingRect()
getBoundingRect():
number[][]
Get bounding rect in GCS
Returns
number[][]
Source
packages/core/src/editor.ts:1056
getCenter()
getCenter():
number[]
Get screen center point in GCS
Returns
number[]
Source
packages/core/src/editor.ts:1048
getCurrentPage()
getCurrentPage():
null|Page
Get current page
Returns
null | Page
Source
packages/core/src/editor.ts:870
getCursor()
getCursor():
string
Get cursor
Returns
string
Source
packages/core/src/editor.ts:1355
getDarkMode()
getDarkMode():
boolean
Get dark mode
Returns
boolean
Source
packages/core/src/editor.ts:916
getDoc()
getDoc():
Doc
Get the document
Returns
Source
packages/core/src/editor.ts:1370
getEnabled()
getEnabled():
boolean
Get enabled state
Returns
boolean
Source
packages/core/src/editor.ts:842
getGridSize()
getGridSize():
number[]
Get grid size
Returns
number[]
Source
packages/core/src/editor.ts:935
getOrigin()
getOrigin():
number[]
Get origin point in CCS
Returns
number[]
Source
packages/core/src/editor.ts:1001
getPages()
getPages():
Page[]
Get pages
Returns
Page[]
Source
packages/core/src/editor.ts:899
getPlugin()
getPlugin(
id):null|Plugin
Get a plugin by id
Parameters
• id: string
Returns
null | Plugin
Source
packages/core/src/editor.ts:835
getScale()
getScale():
number
Get scale
Returns
number
Source
packages/core/src/editor.ts:1064
getShowGrid()
getShowGrid():
boolean
Get show grid state
Returns
boolean
Source
packages/core/src/editor.ts:950
getSize()
getSize():
number[]
Return the size of canvas element in CCS
Returns
number[]
Source
packages/core/src/editor.ts:1027
getSnapToGrid()
getSnapToGrid():
boolean
Get snap to grid
Returns
boolean
Source
packages/core/src/editor.ts:965
getSnapToObjects()
getSnapToObjects():
boolean
Get snap to object
Returns
boolean
Source
packages/core/src/editor.ts:979
loadFromJSON()
loadFromJSON(
json):void
Load from JSON
Parameters
• json: any
Returns
void
Source
packages/core/src/editor.ts:1398
moveOrigin()
moveOrigin(
dx,dy):void
Move origin point
Parameters
• dx: number
• dy: number
Returns
void
Source
packages/core/src/editor.ts:1020
newDoc()
newDoc():
Doc
Create a new document
Returns
Source
packages/core/src/editor.ts:1384
repaint()
repaint(
drawSelection):void
Repaint diagram
Parameters
• drawSelection: boolean= true
Returns
void
Source
packages/core/src/editor.ts:1342
saveToJSON()
saveToJSON():
any
Save to JSON
Returns
any
Source
packages/core/src/editor.ts:1415
scroll()
scroll(
dx,dy):void
Scroll screen
Parameters
• dx: number
• dy: number
Returns
void
Source
packages/core/src/editor.ts:1124
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:1133
scrollToCenter()
scrollToCenter():
void
Scroll to center of the shapes
Returns
void
Source
packages/core/src/editor.ts:1159
setActiveHandlerLock()
setActiveHandlerLock(
lock):void
Set active handler lock
Parameters
• lock: boolean
Returns
void
Source
packages/core/src/editor.ts:1206
setCurrentPage()
setCurrentPage(
page):void
Set current page
Parameters
• page: Page
Returns
void
Source
packages/core/src/editor.ts:877
setCursor()
setCursor(
cursor,angle):void
Set cursor
Parameters
• cursor: string
• angle: number= 0
Returns
void
Source
packages/core/src/editor.ts:1362
setDarkMode()
setDarkMode(
dark):void
Set dark mode
Parameters
• dark: boolean
Returns
void
Source
packages/core/src/editor.ts:923
setDoc()
setDoc(
doc):void
Set the document
Parameters
• doc: Doc
Returns
void
Source
packages/core/src/editor.ts:1377
setEnabled()
setEnabled(
enabled):void
Set enabled state
Parameters
• enabled: boolean
Returns
void
Source
packages/core/src/editor.ts:849
setGridSize()
setGridSize(
gridSize):void
Set grid size
Parameters
• gridSize: number[]
Returns
void
Source
packages/core/src/editor.ts:942
setOrigin()
setOrigin(
x,y):void
Set origin point
Parameters
• x: number
• y: number
Returns
void
Source
packages/core/src/editor.ts:1008
setScale()
setScale(
scale):void
Set scale
Parameters
• scale: number
Returns
void
Source
packages/core/src/editor.ts:1071
setShowGrid()
setShowGrid(
show):void
Set show grid or not
Parameters
• show: boolean
Returns
void
Source
packages/core/src/editor.ts:957
setSize()
setSize(
width,height):void
Set canvas element size
Parameters
• width: number
• height: number
Returns
void
Source
packages/core/src/editor.ts:1034
setSnapToGrid()
setSnapToGrid(
value):void
Set snap to grid
Parameters
• value: boolean
Returns
void
Source
packages/core/src/editor.ts:972
setSnapToObjects()
setSnapToObjects(
value):void
Set snap to object
Parameters
• value: boolean
Returns
void
Source
packages/core/src/editor.ts:986
update()
update():
void
Update all shapes
Returns
void
Source
packages/core/src/editor.ts:1331
zoom()
zoom(
scale):void
Set zoom scale while keeping the screen center
Parameters
• scale: number= 1
Returns
void