rt-native 2.9.28 → 2.9.29

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 (3) hide show
  1. package/README.md +3 -63
  2. package/package.json +1 -1
  3. package/rt-native.js +1 -1
package/README.md CHANGED
@@ -113,11 +113,6 @@ npm install rt-native
113
113
 
114
114
  // Write content
115
115
  editor.setValue('<p>Hello <strong>world</strong></p>');
116
-
117
- // React to changes
118
- editor.addEventListener('change', e => {
119
- console.log(e.detail.value);
120
- });
121
116
  </script>
122
117
  </body>
123
118
  </html>
@@ -216,7 +211,7 @@ editor.configure({
216
211
  quote: true, codeBlock: true, embedMedia: true,
217
212
  table: true, horizontalRule: true, mediaDivider: true,
218
213
  undo: true, redo: true, historyDivider: true,
219
- saveHtml: true, htmlView: true, preview: true, statusBarToggle: true,
214
+ saveHtml: true, htmlView: true, preview: true, fullscreen: true, statusBarToggle: true,
220
215
  wordCount: true,
221
216
  }
222
217
  });
@@ -273,6 +268,7 @@ editor.configure({
273
268
  |saveHtml |Save HTML file button |
274
269
  |htmlView |Toggle HTML source view button |
275
270
  |preview |Preview button |
271
+ |fullscreen |Maximize / restore editor button |
276
272
  |wordCount |Status bar (word / character count) — hidden by default|
277
273
 
278
274
  > **Divider auto-hiding:** Dividers are only rendered when at least one button in their group is visible *and* the divider's own key is true.
@@ -310,9 +306,6 @@ editor.setPreviewCssFiles('/styles/content.css', '/styles/tables.css');
310
306
 
311
307
  // Load a single file
312
308
  editor.setPreviewCssFiles('/styles/my-content.css');
313
-
314
- // Clear all preview files
315
- editor.setPreviewCssFiles();
316
309
  ```
317
310
 
318
311
  > **CORS:** Files are loaded with fetch(). They must be served from the same origin or include appropriate Access-Control-Allow-Origin headers.
@@ -340,9 +333,6 @@ editor.setPreviewCss(`
340
333
  background: #f8f6ff;
341
334
  }
342
335
  `);
343
-
344
- // Clear
345
- editor.setPreviewCss('');
346
336
  ```
347
337
 
348
338
  **setPreviewCss()** and **setPreviewCssFiles()** are independent — both can be active at the same time. File rules are applied first; inline rules are appended after, so inline CSS always wins when there is a conflict.
@@ -793,56 +783,6 @@ editor.setPreviewCssFiles('my-content.css');
793
783
 
794
784
  ---
795
785
 
796
- ## Toolbar Buttons
797
-
798
- Buttons appear left-to-right in the order listed. Dividers separate logical groups.
799
-
800
- | Button | Action | Shortcut |
801
- |:----------------|:-------------------------------------------|:----------------------------|
802
- |Font |Set font family |— |
803
- |Size |Set font size |Ctrl+Shift+< / Ctrl+Shift+> |
804
- |Format |Apply block format (paragraph, headings 1–6)|Ctrl+Shift+D / Ctrl+Shift+1–6|
805
- |Bold |Bold |Ctrl+B |
806
- |Italic |Italic |Ctrl+I |
807
- |Underline |Underline |Ctrl+U |
808
- |Strikethrough |Strikethrough |Ctrl+D |
809
- |Subscript |Subscript |Ctrl+= |
810
- |Superscript |Superscript |Ctrl+Shift++ |
811
- |Text Color |Open text color picker |Ctrl+Shift+C |
812
- |Background Color |Open text background color picker |Ctrl+Shift+B |
813
- |Remove Color |Strip text and background color |— |
814
- |Align Left |Left-align |Ctrl+L |
815
- |Align Center |Center-align |Ctrl+E |
816
- |Align Right |Right-align |Ctrl+R |
817
- |Justify |Justify |Ctrl+J |
818
- |Cut |Cut selection |Ctrl+X |
819
- |Copy |Copy selection |Ctrl+C |
820
- |Paste |Paste from clipboard |Ctrl+V |
821
- |Delete |Delete selection |Delete |
822
- |Select All |Select all content |Ctrl+A |
823
- |Ordered List |Insert numbered list |Ctrl+Shift+O |
824
- |Unordered List |Insert bulleted list |Ctrl+Shift+U |
825
- |Increase Indent |Indent / promote list item |Tab |
826
- |Decrease Indent |Outdent / demote list item |Shift+Tab |
827
- |Insert Link |Open link dialog |Ctrl+Shift+K |
828
- |Remove Link |Remove hyperlink |— |
829
- |Insert Image |Open image URL dialog |Ctrl+Shift+I |
830
- |Upload Image |Open image upload / embed dialog |Ctrl+Shift+& |
831
- |Block Quote |Open block quote dialog |Ctrl+Shift+Q |
832
- |Embed Media |Open media embed dialog (audio, PDF, iframe)|Ctrl+Shift+M |
833
- |Video |Open video embed dialog |Ctrl+Shift+V |
834
- |Insert Table |Open table dialog |Ctrl+Shift+L |
835
- |Code Block |Open code block dialog |Ctrl+Shift+\* |
836
- |Horizontal Rule |Insert \\<hr> at cursor position |Ctrl+Shift+H |
837
- |Undo |Undo last action |Ctrl+Z |
838
- |Redo |Redo last action |Ctrl+Y |
839
- |Toggle Status Bar|Show / hide the word and character count bar|Ctrl+\\ |
840
- |Save HTML |Download editor content as an .html file |Ctrl+Shift+S |
841
- |HTML Source |Toggle raw HTML source view |Ctrl+Shift+A |
842
- |Preview |Open preview dialog |Ctrl+Shift+P |
843
-
844
- ---
845
-
846
786
  ## Keyboard Shortcuts
847
787
 
848
788
  All shortcuts are active when the editor content area has focus. The Ctrl+\\ and Ctrl+Shift+A/P/S shortcuts also work when the HTML source textarea has focus.
@@ -934,4 +874,4 @@ Requires browsers with native support for:
934
874
  - [CSS Custom Properties](https://caniuse.com/css-variables)
935
875
  - [fetch()](https://caniuse.com/fetch) *(required for **setPreviewCssFiles()** / **setPreviewCssFile()**)*
936
876
 
937
- All modern browsers (Chrome 67+, Firefox 63+, Safari 12.1+, Edge 79+) are supported. Internet Explorer is not supported.
877
+ All modern browsers (Chrome 67+, Firefox 63+, Safari 12.1+, Edge 79+) are supported. Internet Explorer is not supported.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rt-native",
3
- "version": "2.9.28",
3
+ "version": "2.9.29",
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": {