|
3 | 3 | # SVGEdit
|
4 | 4 |
|
5 | 5 | [](https://www.npmjs.com/package/svgedit)
|
6 |
| -[](https://david-dm.org/SVG-Edit/svgedit) |
7 |
| -[](https://david-dm.org/SVG-Edit/svgedit?type=dev) |
8 |
| - |
9 |
| -<!-- [](https://github.com/SVG-Edit/svgedit/actions) |
10 |
| -[](https://github.com/SVG-Edit/svgedit/actions) |
11 |
| ---> |
12 |
| -[](badges/tests-badge.svg) |
13 |
| -[](badges/coverage-badge.svg) |
14 |
| - |
| 6 | +[](https://github.com/SVG-Edit/svgedit/actions) |
15 | 7 | [](https://snyk.io/test/github/SVG-Edit/svgedit)
|
16 | 8 | [](https://lgtm.com/projects/g/SVG-Edit/svgedit/alerts)
|
17 | 9 | [](https://lgtm.com/projects/g/SVG-Edit/svgedit/context:javascript)
|
18 |
| - |
19 | 10 | [](https://issuehunt.io/r/SVG-Edit/svgedit)
|
20 | 11 |
|
21 | 12 | SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that
|
@@ -65,6 +56,20 @@ For earlier versions of SVGEdit, please look in their respective branches.
|
65 | 56 | ## Supported browsers
|
66 | 57 | Developments and Continuous Integration are done with a **Chrome** environment. Chrome, FireFox and Safari recent versions are supported (in the meaning that we will try to fix bugs for these browsers).
|
67 | 58 | Support for old browsers may require to use an older version of the package. However, please open an issue if you need support for a specific version of your browser so the project team can decide if we should support with the latest version.
|
| 59 | + |
| 60 | +## Sample extension based on React |
| 61 | +A sample React component was used to build a svgedit extension. |
| 62 | +To activate: |
| 63 | +- "npm run build" from the extension folder "src/editor/react-extensions/react-test" in order to create the bundle for the extension. |
| 64 | +- modify "index.html" to activate the extension as a userExtensions |
| 65 | +``` |
| 66 | +svgEditor.setConfig({ |
| 67 | + allowInitialUserOverride: true, |
| 68 | + extensions: [], |
| 69 | + noDefaultExtensions: false, |
| 70 | + userExtensions: ['./react-extensions/react-test/dist/react-test.js'] |
| 71 | + }) |
| 72 | +``` |
68 | 73 | ## Further reading and more information
|
69 | 74 | * Participate in [discussions](https://github.com/SVG-Edit/svgedit/discussions)
|
70 | 75 | * See [AUTHORS](AUTHORS) file for authors.
|
|
0 commit comments