rt-native 1.0.108 → 1.0.110

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.
Files changed (2) hide show
  1. package/README.md +4 -8
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # rt-native — Native Web Component Rich Text Editor
2
2
 
3
3
  **Author:** Ryan Kueter
4
- **Updated:** April, 2026
4
+ **Updated:** May, 2026
5
5
 
6
6
  **rt-native.js** HTML Editor is a free native web component that provides accessibility features and a wide variety of elements and customizations that make it one of the most robust and flexible HTML editors available. It allows the programmer to apply custom .css files to the preview window, so see how the content will be displayed in production. The editor uses embedded .svg Google Font Icons and the shadow DOM to isolate the HTML from inheriting the existing page styles. No frameworks, no build step, no dependencies — drop **one script tag** into any HTML page and you're done.
7
7
 
@@ -297,7 +297,7 @@ Read-only mode can also be set declaratively via the **readonly** HTML attribute
297
297
 
298
298
  ### setPreviewCssFiles()
299
299
 
300
- Sets one or more CSS files to apply to **both the editor content area and the preview window**. Rules are automatically scoped so they only style the HTML being edited — the toolbar, menus, and dialogs are never affected. Call with no arguments to remove all files.
300
+ Sets one or more CSS files to apply to the preview window. Rules are automatically scoped so they only style the HTML being edited — the toolbar, menus, and dialogs are never affected. Call with no arguments to remove all files.
301
301
 
302
302
  ```js
303
303
  // Load two stylesheets
@@ -325,7 +325,7 @@ editor.setPreviewCssFile('');
325
325
 
326
326
  ### setPreviewCss()
327
327
 
328
- Supplies **inline CSS** to apply to both the editor content area and the preview window. Rules are automatically scoped, exactly like **setPreviewCssFiles()**. Call with no argument (or '') to clear.
328
+ Supplies **inline CSS** to apply to both the preview window. Rules are automatically scoped, exactly like **setPreviewCssFiles()**. Call with no argument (or '') to clear.
329
329
 
330
330
  ```js
331
331
  editor.setPreviewCss(`
@@ -702,11 +702,7 @@ rt-native.fluent-dark {
702
702
 
703
703
  ## Preview Window Styling
704
704
 
705
- When you load preview CSS with **setPreviewCssFiles()** or **setPreviewCss()**, the component applies the styles in two places simultaneously:
706
-
707
- 1. **Editor content area** — CSS files are fetched, every selector is automatically prefixed with .rich-text-box-content, and the scoped rules are injected into the editor's shadow root. You see your production styles while you type, with no risk of styles escaping to the toolbar, menus, or the surrounding page.
708
-
709
- 2. **Preview window** — Content is rendered inside an iframe srcdoc with a completely isolated browsing context. The preview shows exactly what a reader would see in production with a clean browser baseline.
705
+ When you load preview CSS with **setPreviewCssFiles()** or **setPreviewCss()**, the component applies the styles to the Preview window. Content is rendered inside an iframe srcdoc with a completely isolated browsing context. The preview shows exactly what a reader would see in production with a clean browser baseline.
710
706
 
711
707
  ```js
712
708
  editor.setPreviewCssFiles('my-content.css');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rt-native",
3
- "version": "1.0.108",
3
+ "version": "1.0.110",
4
4
  "description": "rt-native HTML Editor is a free native web component that provides accessibility features and a wide variety of elements and customizations that make it one of the most robust and flexible HTML editors available. It allows the programmer to apply custom .css files to the preview window, so see how the content will be displayed in production. The editor uses embedded .svg Google Font Icons and the shadow DOM to isolate the HTML from inheriting the existing page styles. No frameworks, no build step, no dependencies — drop one script tag into any HTML page and you're done.",
5
5
  "main": "rt-native.js",
6
6
  "exports": {
@@ -35,7 +35,7 @@
35
35
  "homepage": "https://github.com/ryankueter/rt-native",
36
36
  "repository": {
37
37
  "type": "git",
38
- "url": "git+https://github.com/rkueter/rt-native.git"
38
+ "url": "git+https://github.com/ryankueter/rt-native"
39
39
  },
40
40
  "bugs": {
41
41
  "url": "https://github.com/ryankueter/rt-native"