digi-mathchem-editor 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/dist/digi-mathchem-editor.es.js +423 -420
- package/dist/digi-mathchem-editor.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
#
|
|
1
|
+
# anees-mathchem-editor
|
|
2
2
|
|
|
3
3
|
A standalone custom Math and Chemistry editor package. It provides an intuitive UI for rendering Math and Chemistry formulas using MathLive.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
npm install
|
|
8
|
+
npm install anees-mathchem-editor
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
npm install
|
|
12
|
+
npm install anees-mathchem-editor mathlive @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
## Usage
|
|
16
16
|
|
|
17
17
|
```jsx
|
|
18
18
|
import React, { useState } from 'react';
|
|
19
|
-
import { CustomMathEditor } from '
|
|
20
|
-
import '
|
|
19
|
+
import { CustomMathEditor } from 'anees-mathchem-editor';
|
|
20
|
+
import 'anees-mathchem-editor/dist/style.css'; // Don't forget to import the styles!
|
|
21
21
|
|
|
22
22
|
function App() {
|
|
23
23
|
const [isEditorOpen, setIsEditorOpen] = useState(false);
|
|
@@ -67,7 +67,7 @@ export default App;
|
|
|
67
67
|
|
|
68
68
|
## Using in Angular
|
|
69
69
|
|
|
70
|
-
Since `
|
|
70
|
+
Since `anees-mathchem-editor` is a React component, you can use it in Angular by rendering it dynamically into an Angular element using `react` and `react-dom`.
|
|
71
71
|
|
|
72
72
|
**1. Install React dependencies:**
|
|
73
73
|
```bash
|
|
@@ -75,7 +75,7 @@ npm install react react-dom
|
|
|
75
75
|
```
|
|
76
76
|
|
|
77
77
|
```bash
|
|
78
|
-
npm install
|
|
78
|
+
npm install anees-mathchem-editor react react-dom mathlive @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome
|
|
79
79
|
|
|
80
80
|
```
|
|
81
81
|
|
|
@@ -85,9 +85,9 @@ npm install digi-mathchem-editor react react-dom mathlive @fortawesome/fontaweso
|
|
|
85
85
|
import { Component, ElementRef, OnInit, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
86
86
|
import * as React from 'react';
|
|
87
87
|
import { createRoot } from 'react-dom/client';
|
|
88
|
-
import { CustomMathEditor } from '
|
|
88
|
+
import { CustomMathEditor } from 'anees-mathchem-editor';
|
|
89
89
|
// Import the styles in your styles.scss or component
|
|
90
|
-
import '
|
|
90
|
+
import 'anees-mathchem-editor/dist/style.css';
|
|
91
91
|
|
|
92
92
|
@Component({
|
|
93
93
|
selector: 'app-math-editor-wrapper',
|