wysimark-lite 0.13.1 → 0.14.0
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 +6 -13
- package/dist/index.js +47 -51
- package/dist/index.mjs +58 -91
- package/dist/index.mjs.map +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,23 +26,16 @@ const Editor: React.FC = () => {
|
|
|
26
26
|
};
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
With initial value:
|
|
30
|
-
|
|
31
|
-
```tsx
|
|
32
|
-
const Editor: React.FC = () => {
|
|
33
|
-
const [value, setValue] = React.useState(`# Welcome to Wysimark
|
|
34
|
-
|
|
35
|
-
This is a **rich text editor** with _markdown_ support.`);
|
|
36
|
-
const editor = useEditor({});
|
|
37
|
-
|
|
38
|
-
return <Editable editor={editor} value={value} onChange={setValue} />;
|
|
39
|
-
};
|
|
40
|
-
```
|
|
41
|
-
|
|
42
29
|
### Direct Initialization
|
|
43
30
|
|
|
44
31
|
You can also initialize the editor directly on an HTML element:
|
|
45
32
|
|
|
33
|
+
# you use rails importmap, add the following line to your importmap.rb
|
|
34
|
+
※ @latest is the latest version of wysimark-lite. If you want to specify a version, replace @latest with the version you want to use.
|
|
35
|
+
```
|
|
36
|
+
pin "wysimark-lite", to: "https://cdn.jsdelivr.net/npm/wysimark-lite@latest/dist/index.js"
|
|
37
|
+
```
|
|
38
|
+
|
|
46
39
|
```html
|
|
47
40
|
<div id="editor"></div>
|
|
48
41
|
<script type="module">
|