|
1 |
| -# API |
| 1 | +**API** • **Docs** |
2 | 2 |
|
3 |
| -## Table of contents |
| 3 | +*** |
4 | 4 |
|
5 |
| -### Functions |
| 5 | +# API |
6 | 6 |
|
7 |
| -- [RichTextarea](API.md#richtextarea) |
8 |
| -- [experimental\_RichInput](API.md#experimental_richinput) |
9 |
| -- [createRegexRenderer](API.md#createregexrenderer) |
10 |
| -- [createCSSCustomHighlightRenderer](API.md#createcsscustomhighlightrenderer) |
| 7 | +## Functions |
11 | 8 |
|
12 |
| -### Interfaces |
| 9 | +- [RichTextarea](functions/RichTextarea.md) |
| 10 | +- [experimental\_RichInput](functions/experimental_RichInput.md) |
| 11 | +- [createRegexRenderer](functions/createRegexRenderer.md) |
| 12 | +- [createCSSCustomHighlightRenderer](functions/createCSSCustomHighlightRenderer.md) |
| 13 | + |
| 14 | +## Interfaces |
13 | 15 |
|
14 | 16 | - [RichTextareaProps](interfaces/RichTextareaProps.md)
|
15 | 17 | - [RichTextareaHandle](interfaces/RichTextareaHandle.md)
|
16 | 18 | - [RichInputProps](interfaces/RichInputProps.md)
|
17 | 19 | - [RichInputHandle](interfaces/RichInputHandle.md)
|
18 | 20 |
|
19 |
| -### Type Aliases |
20 |
| - |
21 |
| -- [StyleOrRender](API.md#styleorrender) |
22 |
| -- [Renderer](API.md#renderer) |
23 |
| -- [CaretPosition](API.md#caretposition) |
24 |
| - |
25 |
| -## Functions |
26 |
| - |
27 |
| -### RichTextarea |
28 |
| - |
29 |
| -▸ **RichTextarea**(`props`): `ReactNode` |
30 |
| - |
31 |
| -Textarea component with some extra props. See [RichTextareaProps](interfaces/RichTextareaProps.md) and [RichTextareaHandle](interfaces/RichTextareaHandle.md). |
32 |
| - |
33 |
| -#### Parameters |
34 |
| - |
35 |
| -| Name | Type | |
36 |
| -| :------ | :------ | |
37 |
| -| `props` | `Omit`<[`RichTextareaProps`](interfaces/RichTextareaProps.md), ``"ref"``\> & `RefAttributes`<[`RichTextareaHandle`](interfaces/RichTextareaHandle.md)\> | |
38 |
| - |
39 |
| -#### Returns |
40 |
| - |
41 |
| -`ReactNode` |
42 |
| - |
43 |
| -#### Defined in |
44 |
| - |
45 |
| -[src/textarea.tsx:128](https://github.com/inokawa/rich-textarea/blob/dc63a9fde91f2e2855d6240be87ca131d128cc23/src/textarea.tsx#L128) |
46 |
| - |
47 |
| -___ |
48 |
| - |
49 |
| -### experimental\_RichInput |
50 |
| - |
51 |
| -▸ **experimental_RichInput**(`props`): `ReactNode` |
52 |
| - |
53 |
| -Input component with some extra props. See [RichInputProps](interfaces/RichInputProps.md) and [RichInputHandle](interfaces/RichInputHandle.md). |
54 |
| - |
55 |
| -**NOTE: This component is experimental one so it may have some bugs.** |
56 |
| - |
57 |
| -#### Parameters |
58 |
| - |
59 |
| -| Name | Type | |
60 |
| -| :------ | :------ | |
61 |
| -| `props` | `Omit`<[`RichInputProps`](interfaces/RichInputProps.md), ``"ref"``\> & `RefAttributes`<[`RichInputHandle`](interfaces/RichInputHandle.md)\> | |
62 |
| - |
63 |
| -#### Returns |
64 |
| - |
65 |
| -`ReactNode` |
66 |
| - |
67 |
| -#### Defined in |
68 |
| - |
69 |
| -[src/input.tsx:138](https://github.com/inokawa/rich-textarea/blob/dc63a9fde91f2e2855d6240be87ca131d128cc23/src/input.tsx#L138) |
70 |
| - |
71 |
| -___ |
72 |
| - |
73 |
| -### createRegexRenderer |
74 |
| - |
75 |
| -▸ **createRegexRenderer**(`matchers`): [`Renderer`](API.md#renderer) |
76 |
| - |
77 |
| -An utility to create renderer function with regex. |
78 |
| - |
79 |
| -The priority is descending order. |
80 |
| - |
81 |
| -#### Parameters |
82 |
| - |
83 |
| -| Name | Type | |
84 |
| -| :------ | :------ | |
85 |
| -| `matchers` | ([regex: RegExp, style: StyleOrRender] \| [regex: RegExp, style: StyleOrRender, shouldRender?: Function])[] | |
86 |
| - |
87 |
| -#### Returns |
88 |
| - |
89 |
| -[`Renderer`](API.md#renderer) |
90 |
| - |
91 |
| -#### Defined in |
92 |
| - |
93 |
| -[src/renderers/regex/index.tsx:19](https://github.com/inokawa/rich-textarea/blob/dc63a9fde91f2e2855d6240be87ca131d128cc23/src/renderers/regex/index.tsx#L19) |
94 |
| - |
95 |
| -___ |
96 |
| - |
97 |
| -### createCSSCustomHighlightRenderer |
98 |
| - |
99 |
| -▸ **createCSSCustomHighlightRenderer**(`matchers`): [`Renderer`](API.md#renderer) |
100 |
| - |
101 |
| -[createRegexRenderer](API.md#createregexrenderer) but rendered with [CSS Custom Highlight API](https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API). |
102 |
| - |
103 |
| -#### Parameters |
104 |
| - |
105 |
| -| Name | Type | |
106 |
| -| :------ | :------ | |
107 |
| -| `matchers` | [regex: RegExp, style: string][] | |
108 |
| - |
109 |
| -#### Returns |
110 |
| - |
111 |
| -[`Renderer`](API.md#renderer) |
112 |
| - |
113 |
| -#### Defined in |
114 |
| - |
115 |
| -[src/renderers/regex/index.tsx:166](https://github.com/inokawa/rich-textarea/blob/dc63a9fde91f2e2855d6240be87ca131d128cc23/src/renderers/regex/index.tsx#L166) |
116 |
| - |
117 | 21 | ## Type Aliases
|
118 | 22 |
|
119 |
| -### StyleOrRender |
120 |
| - |
121 |
| -Ƭ **StyleOrRender**: `React.CSSProperties` \| (`props`: { `children`: `React.ReactNode` ; `value`: `string` ; `key?`: `string` }) => `React.ReactNode` |
122 |
| - |
123 |
| -#### Defined in |
124 |
| - |
125 |
| -[src/renderers/regex/index.tsx:6](https://github.com/inokawa/rich-textarea/blob/dc63a9fde91f2e2855d6240be87ca131d128cc23/src/renderers/regex/index.tsx#L6) |
126 |
| - |
127 |
| -___ |
128 |
| - |
129 |
| -### Renderer |
130 |
| - |
131 |
| -Ƭ **Renderer**: (`value`: `string`) => `React.ReactNode` |
132 |
| - |
133 |
| -#### Type declaration |
134 |
| - |
135 |
| -▸ (`value`): `React.ReactNode` |
136 |
| - |
137 |
| -##### Parameters |
138 |
| - |
139 |
| -| Name | Type | |
140 |
| -| :------ | :------ | |
141 |
| -| `value` | `string` | |
142 |
| - |
143 |
| -##### Returns |
144 |
| - |
145 |
| -`React.ReactNode` |
146 |
| - |
147 |
| -#### Defined in |
148 |
| - |
149 |
| -[src/types.ts:1](https://github.com/inokawa/rich-textarea/blob/dc63a9fde91f2e2855d6240be87ca131d128cc23/src/types.ts#L1) |
150 |
| - |
151 |
| -___ |
152 |
| - |
153 |
| -### CaretPosition |
154 |
| - |
155 |
| -Ƭ **CaretPosition**: { `focused`: ``false`` ; `selectionStart`: `number` ; `selectionEnd`: `number` } \| { `focused`: ``true`` ; `selectionStart`: `number` ; `selectionEnd`: `number` ; `top`: `number` ; `left`: `number` ; `height`: `number` } |
156 |
| - |
157 |
| -#### Defined in |
158 |
| - |
159 |
| -[src/types.ts:3](https://github.com/inokawa/rich-textarea/blob/dc63a9fde91f2e2855d6240be87ca131d128cc23/src/types.ts#L3) |
| 23 | +- [StyleOrRender](type-aliases/StyleOrRender.md) |
| 24 | +- [Renderer](type-aliases/Renderer.md) |
| 25 | +- [CaretPosition](type-aliases/CaretPosition.md) |
0 commit comments