mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-11 01:43:23 +01:00
36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
import '../css/embedded.css';
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import Editor from '../../../../src/index';
|
|
import { buildDesigner, LocalStorageManager, PersistenceManager, DesignerOptionsBuilder } from '@wisemapping/mindplot';
|
|
|
|
|
|
const initialization = () => {
|
|
// Options has been defined in by a external file ?
|
|
const p = new LocalStorageManager('samples/{id}.wxml');
|
|
const options = DesignerOptionsBuilder.buildOptions({ persistenceManager: p });
|
|
const designer = buildDesigner(options);
|
|
|
|
designer.addEvent('loadSuccess', () => {
|
|
document.getElementById('mindplot').classList.add('ready');
|
|
});
|
|
|
|
// Load map from XML file persisted on disk...
|
|
const mapId = 'welcome';
|
|
const persistence = PersistenceManager.getInstance();
|
|
const mindmap = persistence.load(mapId);
|
|
designer.loadMap(mindmap);
|
|
};
|
|
|
|
ReactDOM.render(
|
|
<Editor
|
|
mapId={global.mapId}
|
|
memoryPersistence={global.memoryPersistence}
|
|
readOnlyMode={global.readOnly}
|
|
locale={global.locale}
|
|
onAction={(action) => console.log('action called:', action)}
|
|
initCallback={initialization}
|
|
/>,
|
|
document.getElementById('root')
|
|
);
|