mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-11 09:53:24 +01:00
36 lines
1.2 KiB
React
36 lines
1.2 KiB
React
|
import '../css/embedded.css';
|
||
|
import React from 'react';
|
||
|
import ReactDOM from 'react-dom';
|
||
|
import Editor from '../../../../src/index';
|
||
|
|
||
|
const initialization =
|
||
|
({ LocalStorageManager, DesignerOptionsBuilder, buildDesigner, PersistenceManager }) =>
|
||
|
() => {
|
||
|
// 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')
|
||
|
);
|