wisemapping-frontend/packages/editor
Paulo Gustavo Veiga 8fb25a64a7 Add node shoutcuts
2022-03-13 23:46:25 -03:00
..
assets/images Merged in features/move_menu (pull request #47) 2022-03-13 23:46:23 -03:00
cypress Update snapshots and add force: true to tests failing because viewport 2022-02-01 09:45:10 -03:00
images Integrate editor as part of webapp. 2022-01-25 18:10:40 +00:00
lang Add Chinesse support. 2022-03-13 23:46:25 -03:00
src Add node shoutcuts 2022-03-13 23:46:25 -03:00
test/playground Fix order 2022-03-13 23:46:25 -03:00
.babelrc Integrate editor as part of webapp. 2022-01-25 18:10:40 +00:00
.gitignore Integrate editor as part of webapp. 2022-01-25 18:10:40 +00:00
cypress.json Integrate editor as part of webapp. 2022-01-25 18:10:40 +00:00
package.json Editor i18n support. 2022-02-04 19:26:54 +00:00
README.md Editor i18n support. 2022-02-04 19:26:54 +00:00
tsconfig.json Merged in features/move_menu (pull request #47) 2022-03-13 23:46:23 -03:00
webpack.common.js Include css as part of the editor 2022-02-20 21:25:18 -08:00
webpack.playground.js Move css to editor 2022-02-20 21:41:59 -08:00
webpack.prod.js Export fixes. 2022-01-31 21:07:59 +00:00
yarn.lock refactor: support lerna, include @wisemapping/login into webapp 2020-12-05 02:47:02 -05:00

Editor

React Component for the wisemapping editor.

Usage

This is a work in progress and for now mindplot needs to be instantiated using the initCallback prop. Check test/playground/map-render for some usage examples.

import Editor from `@wisemapping/editor`;

ReactDOM.render(
    <Editor 
        mapId={1}
        memoryPersistence={false}
        readOnlyMode={false}
        locale="en"
        onAction={(action) => console.log('action called:', action)}
        initCallback={initialization}
    />,
    document.getElementById('root'),
);

i18n

Messages are translated in the lang folder, and then compiled to src/compiled-lang using the following command:

yarn compile lang/de.json --ast --out-file src/compiled-lang/de.json