wisemapping-frontend/packages/editor
Paulo Gustavo Veiga e0770ef809 Revert "Resolve bootstrap CSS conflict."
This reverts commit 477a58628d.
2022-02-23 18:38:49 -08: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 Fix es translation problems 2022-02-05 14:42:26 -08:00
src Revert "Resolve bootstrap CSS conflict." 2022-02-23 18:38:49 -08:00
test/playground Improve css style 2022-02-23 16:21:27 -08: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 Editor i18n support. 2022-02-04 19:26:54 +00: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