@octane-xplat/richtext 0.12.0 → 0.13.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
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
# `@octane-xplat/richtext`
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
a `Spannable`-backed `EditText`, not a WebView
|
|
5
|
-
(`Aztec.TextView`) through the `XplatAztecEditorView`
|
|
6
|
-
`platforms/ios
|
|
7
|
-
`@octane-xplat/tiptap` facade covers web
|
|
3
|
+
Native rich-text editing for Octane Xplat apps: WordPress Aztec's `AztecText`
|
|
4
|
+
on Android — a `Spannable`-backed `EditText`, not a WebView — and
|
|
5
|
+
AztecEditor-iOS (`Aztec.TextView`) on iOS through the `XplatAztecEditorView`
|
|
6
|
+
Swift facade in `platforms/ios`. Web and Windows return `supported: false`;
|
|
7
|
+
the [`@octane-xplat/tiptap`](../tiptap/README.md) facade covers web.
|
|
8
8
|
|
|
9
9
|
```tsx
|
|
10
10
|
import { useState } from 'octane'
|
|
@@ -74,42 +74,7 @@ export function Formatting() {
|
|
|
74
74
|
}
|
|
75
75
|
```
|
|
76
76
|
|
|
77
|
-
|
|
78
|
-
import { useRef } from 'octane'
|
|
79
|
-
import { RichTextEditor, type RichTextEditorHandle } from '@octane-xplat/richtext'
|
|
80
|
-
import { Button } from '@octane-xplat/ui'
|
|
81
|
-
|
|
82
|
-
export function Formatting() {
|
|
83
|
-
const editor = useRef<RichTextEditorHandle | null>(null)
|
|
84
|
-
return (
|
|
85
|
-
<>
|
|
86
|
-
<RichTextEditor
|
|
87
|
-
ref={(handle) => {
|
|
88
|
-
editor.current = handle
|
|
89
|
-
}}
|
|
90
|
-
onSelectionChange={({ active }) => console.log(active)}
|
|
91
|
-
/>
|
|
92
|
-
<Button onPress={() => editor.current?.apply('bold')}>Bold</Button>
|
|
93
|
-
<Button
|
|
94
|
-
onPress={() => {
|
|
95
|
-
const handle = editor.current
|
|
96
|
-
if (!handle) return
|
|
97
|
-
handle.setHTML('<p>New note</p>')
|
|
98
|
-
console.log(handle.getHTML(), handle.isActive('bold'))
|
|
99
|
-
handle.linkTo('https://example.com')
|
|
100
|
-
handle.removeLink()
|
|
101
|
-
handle.undo()
|
|
102
|
-
handle.redo()
|
|
103
|
-
handle.focus()
|
|
104
|
-
handle.blur()
|
|
105
|
-
}}
|
|
106
|
-
>
|
|
107
|
-
Try editor commands
|
|
108
|
-
</Button>
|
|
109
|
-
</>
|
|
110
|
-
)
|
|
111
|
-
}
|
|
112
|
-
```
|
|
77
|
+
## Native dependencies
|
|
113
78
|
|
|
114
79
|
The Android Aztec dependency (`org.wordpress:aztec:v2.1.7`) arrives through
|
|
115
80
|
the leaf's `platforms/android/include.gradle` — no app-level gradle work.
|
|
@@ -130,4 +95,4 @@ The macOS export mounts a bundled local editor document in WKWebView.
|
|
|
130
95
|
RichText uses StarterKit; Tiptap and Lexical use their existing web facades.
|
|
131
96
|
Wait for `onReady`; synchronous getters return the latest received snapshot
|
|
132
97
|
and commands cross WebKit asynchronously. The `native` handle is the Swift
|
|
133
|
-
host transport. See [AppKit setup and engine limits](../../docs/rich-text.md#macos-appkit-editing).
|
|
98
|
+
host transport. See [AppKit setup and engine limits](../../docs/app/rich-text.md#macos-appkit-editing).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@octane-xplat/richtext",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"description": "Native rich-text editing leaf for Octane xplat — Android Aztec and AppKit WKWebView StarterKit",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"android",
|
|
@@ -59,11 +59,11 @@
|
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@nativescript-community/octane": "0.2.4",
|
|
61
61
|
"@nativescript/core": "9.1.3",
|
|
62
|
-
"@octane-xplat/macos-renderer": "0.
|
|
62
|
+
"@octane-xplat/macos-renderer": "0.13.0",
|
|
63
63
|
"@octanejs/vite-plugin": "0.1.61",
|
|
64
64
|
"@tiptap/core": "3.28.0",
|
|
65
65
|
"@tiptap/starter-kit": "3.28.0",
|
|
66
|
-
"octane": "0.
|
|
66
|
+
"octane": "0.11.0",
|
|
67
67
|
"typescript": "5.9.3",
|
|
68
68
|
"vite": "8.3.0"
|
|
69
69
|
},
|