rt-native 1.0.135 → 1.0.136

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 +237 -236
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -47,9 +47,9 @@
47
47
 
48
48
  ## Files
49
49
 
50
- | File | Purpose |
51
- | --- | --- |
52
- | rt-native.js | **The only required file.** Contains the complete editor engine, web component wrapper, all CSS defaults, and all dialog styles — everything is self-contained. |
50
+ | File | Purpose |
51
+ |:-----------|:--------------------------------------------------------------------------------------------------------------------------------------------------------------|
52
+ |rt-native.js|**The only required file.** Contains the complete editor engine, web component wrapper, all CSS defaults, and all dialog styles — everything is self-contained.|
53
53
 
54
54
  ---
55
55
 
@@ -127,16 +127,16 @@ npm install rt-native
127
127
 
128
128
  ## HTML Attributes
129
129
 
130
- | Attribute | Type | Default | Description |
131
- | --- | --- | --- | --- |
132
- | value | string | '' | Initial HTML content of the editor. |
133
- | width | string | 100% | Editor width. Any valid CSS value (px, %, vw, etc.). |
134
- | height | string | 300px | Editor height. Any valid CSS value. |
135
- | placeholder | string | — | Placeholder text shown when the editor is empty. |
136
- | readonly | boolean (presence) | — | Puts the editor in read-only mode. Hides the toolbar. |
137
- | aria-label | string | 'Rich text editor' | Accessible name for the editor region. |
138
- | label | string | — | Alternative to **aria-label** for the accessible name. |
139
- | config | JSON string | — | Declarative configuration. Parsed and passed to **configure()** on connect. |
130
+ | Attribute | Type | Default | Description |
131
+ |:----------|:-----------------|:-----------------|:--------------------------------------------------------------------------|
132
+ |value |string |'' |Initial HTML content of the editor. |
133
+ |width |string |100% |Editor width. Any valid CSS value (px, %, vw, etc.). |
134
+ |height |string |300px |Editor height. Any valid CSS value. |
135
+ |placeholder|string |— |Placeholder text shown when the editor is empty. |
136
+ |readonly |boolean (presence)|— |Puts the editor in read-only mode. Hides the toolbar. |
137
+ |aria-label |string |'Rich text editor'|Accessible name for the editor region. |
138
+ |label |string |— |Alternative to **aria-label** for the accessible name. |
139
+ |config |JSON string |— |Declarative configuration. Parsed and passed to **configure()** on connect.|
140
140
 
141
141
  ### Example
142
142
 
@@ -224,55 +224,56 @@ editor.configure({
224
224
 
225
225
  **All visibility keys:**
226
226
 
227
- | Key | Controls |
228
- | --- | --- |
229
- | font | Font family dropdown |
230
- | size | Font size dropdown |
231
- | format | Paragraph / heading format dropdown |
232
- | insert | Insert symbol / emoji dropdown |
233
- | textStylesDivider | Divider after the top dropdowns |
234
- | bold | Bold button |
235
- | italic | Italic button |
236
- | underline | Underline button |
237
- | strikethrough | Strikethrough button |
238
- | subscript | Subscript button |
239
- | superscript | Superscript button |
240
- | formatDivider | Divider after text-format buttons |
241
- | textColor | Text color, background color, and remove-color buttons |
242
- | textColorDivider | Divider after color buttons |
243
- | alignLeft | Align left button |
244
- | alignCenter | Align center button |
245
- | alignRight | Align right button |
246
- | alignJustify | Justify button |
247
- | alignDivider | Divider after alignment buttons |
248
- | cut | Cut button |
249
- | copy | Copy button |
250
- | paste | Paste button |
251
- | delete | Delete button |
252
- | selectAll | Select all button |
253
- | actionDivider | Divider after clipboard buttons |
254
- | orderedList | Ordered list button |
255
- | unorderedList | Unordered list button |
256
- | indent | Increase / decrease indent buttons |
257
- | listDivider | Divider after list buttons |
258
- | link | Insert link and remove link buttons |
259
- | image | Insert image button |
260
- | imageUpload | Upload / embed image button |
261
- | quote | Block quote button |
262
- | codeBlock | Code block button |
263
- | embedMedia | Embed media (audio / PDF / iframe) button |
264
- | video | Video embed button |
265
- | table | Insert table button |
266
- | horizontalRule | Insert horizontal rule button |
267
- | mediaDivider | Divider after insert buttons |
268
- | undo | Undo button |
269
- | redo | Redo button |
270
- | historyDivider | Divider after undo / redo |
271
- | statusBarToggle | Toggle Status Bar button |
272
- | saveHtml | Save HTML file button |
273
- | htmlView | Toggle HTML source view button |
274
- | preview | Preview button |
275
- | wordCount | Status bar (word / character count) — hidden by default |
227
+ | Key | Controls |
228
+ |:----------------|:------------------------------------------------------|
229
+ |font |Font family dropdown |
230
+ |size |Font size dropdown |
231
+ |format |Paragraph / heading format dropdown |
232
+ |insert |Insert symbol / emoji dropdown |
233
+ |textStylesDivider|Divider after the top dropdowns |
234
+ |bold |Bold button |
235
+ |italic |Italic button |
236
+ |underline |Underline button |
237
+ |strikethrough |Strikethrough button |
238
+ |subscript |Subscript button |
239
+ |superscript |Superscript button |
240
+ |inlineCode |Inline Code button |
241
+ |formatDivider |Divider after text-format buttons |
242
+ |textColor |Text color, background color, and remove-color buttons |
243
+ |textColorDivider |Divider after color buttons |
244
+ |alignLeft |Align left button |
245
+ |alignCenter |Align center button |
246
+ |alignRight |Align right button |
247
+ |alignJustify |Justify button |
248
+ |alignDivider |Divider after alignment buttons |
249
+ |cut |Cut button |
250
+ |copy |Copy button |
251
+ |paste |Paste button |
252
+ |delete |Delete button |
253
+ |selectAll |Select all button |
254
+ |actionDivider |Divider after clipboard buttons |
255
+ |orderedList |Ordered list button |
256
+ |unorderedList |Unordered list button |
257
+ |indent |Increase / decrease indent buttons |
258
+ |listDivider |Divider after list buttons |
259
+ |link |Insert link and remove link buttons |
260
+ |image |Insert image button |
261
+ |imageUpload |Upload / embed image button |
262
+ |quote |Block quote button |
263
+ |codeBlock |Code block button |
264
+ |embedMedia |Embed media (audio / PDF / iframe) button |
265
+ |video |Video embed button |
266
+ |table |Insert table button |
267
+ |horizontalRule |Insert horizontal rule button |
268
+ |mediaDivider |Divider after insert buttons |
269
+ |undo |Undo button |
270
+ |redo |Redo button |
271
+ |historyDivider |Divider after undo / redo |
272
+ |statusBarToggle |Toggle Status Bar button |
273
+ |saveHtml |Save HTML file button |
274
+ |htmlView |Toggle HTML source view button |
275
+ |preview |Preview button |
276
+ |wordCount |Status bar (word / character count) — hidden by default|
276
277
 
277
278
  > **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.
278
279
 
@@ -367,13 +368,13 @@ editor.addCustomButton({
367
368
  });
368
369
  ```
369
370
 
370
- | Property | Type | Required | Description | |
371
- | --- | --- | --- | --- | --- |
372
- | id | string | yes | Unique identifier for the button. | |
373
- | title | string | — | Tooltip text and accessible label. Defaults to `id`. | |
374
- | svg | string | — | SVG markup rendered as the button icon. | |
375
- | onClick | Function \\ | string | — | Called when the button is clicked. A string is resolved as a dot-path on `window` (e.g. `'myApp.handleStamp'`). Receives `(event, editor, instance)`. |
376
- | disabled | boolean | — | When `true` the button is rendered but not clickable. | |
371
+ | Property | Type | Required | Description | |
372
+ |:---------|:----------|:---------|:----------------------------------------------------|:----------------------------------------------------------------------------------------------------------------------------------------------------|
373
+ |id |string |yes |Unique identifier for the button. | |
374
+ |title |string |— |Tooltip text and accessible label. Defaults to `id`. | |
375
+ |svg |string |— |SVG markup rendered as the button icon. | |
376
+ |onClick |Function \\|string |— |Called when the button is clicked. A string is resolved as a dot-path on `window` (e.g. `'myApp.handleStamp'`). Receives `(event, editor, instance)`.|
377
+ |disabled |boolean |— |When `true` the button is rendered but not clickable.| |
377
378
 
378
379
  ### setCustomButtons()
379
380
 
@@ -417,11 +418,11 @@ editor.addEventListener('change', (event) => {
417
418
  });
418
419
  ```
419
420
 
420
- | Property | Value |
421
- | --- | --- |
422
- | event.detail.value | Current editor HTML as a string |
423
- | event.bubbles | true |
424
- | event.composed | true |
421
+ | Property | Value |
422
+ |:-----------------|:------------------------------|
423
+ |event.detail.value|Current editor HTML as a string|
424
+ |event.bubbles |true |
425
+ |event.composed |true |
425
426
 
426
427
  ### custom-button-click
427
428
 
@@ -433,13 +434,13 @@ editor.addEventListener('custom-button-click', (event) => {
433
434
  });
434
435
  ```
435
436
 
436
- | Property | Value |
437
- | --- | --- |
438
- | event.detail.id | The `id` of the button that was clicked |
439
- | event.detail.button | The full button definition object |
440
- | event.detail.editor | The `rt-native` element |
441
- | event.bubbles | true |
442
- | event.composed | true |
437
+ | Property | Value |
438
+ |:------------------|:--------------------------------------|
439
+ |event.detail.id |The `id` of the button that was clicked|
440
+ |event.detail.button|The full button definition object |
441
+ |event.detail.editor|The `rt-native` element |
442
+ |event.bubbles |true |
443
+ |event.composed |true |
443
444
 
444
445
  ---
445
446
 
@@ -467,112 +468,112 @@ rt-native {
467
468
 
468
469
  ### Toolbar Variables
469
470
 
470
- | Variable | Default | Description |
471
- | --- | --- | --- |
472
- | --rtb-toolbar-bg | #FFF | Toolbar background color |
473
- | --rtb-toolbar-border-style | solid | Toolbar bottom border style |
474
- | --rtb-toolbar-border-width | 1px | Toolbar bottom border width |
475
- | --rtb-toolbar-border-color | #EEE | Toolbar bottom border color |
476
- | --rtb-toolbar-border-radius | 0px | Toolbar corner radius (container clips top corners automatically) |
477
- | --rtb-dropdown-bg | #FFF | Font / Size / Format dropdown background |
478
- | --rtb-dropdown-text | #000 | Dropdown item text color |
479
- | --rtb-dropdown-bg-hover | #e5e5e5 | Dropdown item hover background |
480
- | --rtb-dropdown-text-hover | #000 | Dropdown item hover text color |
471
+ | Variable | Default | Description |
472
+ |:--------------------------|:--------|:----------------------------------------------------------------|
473
+ |--rtb-toolbar-bg |#FFF |Toolbar background color |
474
+ |--rtb-toolbar-border-style |solid |Toolbar bottom border style |
475
+ |--rtb-toolbar-border-width |1px |Toolbar bottom border width |
476
+ |--rtb-toolbar-border-color |#EEE |Toolbar bottom border color |
477
+ |--rtb-toolbar-border-radius|0px |Toolbar corner radius (container clips top corners automatically)|
478
+ |--rtb-dropdown-bg |#FFF |Font / Size / Format dropdown background |
479
+ |--rtb-dropdown-text |#000 |Dropdown item text color |
480
+ |--rtb-dropdown-bg-hover |#e5e5e5 |Dropdown item hover background |
481
+ |--rtb-dropdown-text-hover |#000 |Dropdown item hover text color |
481
482
 
482
483
  ---
483
484
 
484
485
  ### Button Variables
485
486
 
486
- | Variable | Default | Description |
487
- | --- | --- | --- |
488
- | --rtb-btn-text | #000 | Button icon color |
489
- | --rtb-btn-size | 16px | Icon size (also drives button min-height and divider height) |
490
- | --rtb-btn-font | Arial, sans-serif | Font for dropdown buttons |
491
- | --rtb-btn-bg | inherit | Button background at rest |
492
- | --rtb-btn-bg-hover | #DDD | Button background on hover |
493
- | --rtb-btn-bg-selected | #CCC | Button background when active / selected |
494
- | --rtb-btn-border-style | none | Button border style |
495
- | --rtb-btn-border-width | 0px | Button border width |
496
- | --rtb-btn-border-color | #AAA | Button border color at rest |
497
- | --rtb-btn-border-hover | inherit | Button border color on hover |
498
- | --rtb-btn-border-selected | inherit | Button border color when selected |
499
- | --rtb-btn-border-radius | 5px | Button corner radius |
487
+ | Variable | Default | Description |
488
+ |:------------------------|:----------------|:-----------------------------------------------------------|
489
+ |--rtb-btn-text |#000 |Button icon color |
490
+ |--rtb-btn-size |16px |Icon size (also drives button min-height and divider height)|
491
+ |--rtb-btn-font |Arial, sans-serif|Font for dropdown buttons |
492
+ |--rtb-btn-bg |inherit |Button background at rest |
493
+ |--rtb-btn-bg-hover |#DDD |Button background on hover |
494
+ |--rtb-btn-bg-selected |#CCC |Button background when active / selected |
495
+ |--rtb-btn-border-style |none |Button border style |
496
+ |--rtb-btn-border-width |0px |Button border width |
497
+ |--rtb-btn-border-color |#AAA |Button border color at rest |
498
+ |--rtb-btn-border-hover |inherit |Button border color on hover |
499
+ |--rtb-btn-border-selected|inherit |Button border color when selected |
500
+ |--rtb-btn-border-radius |5px |Button corner radius |
500
501
 
501
502
  ---
502
503
 
503
504
  ### Content Area Variables
504
505
 
505
- | Variable | Default | Description |
506
- | --- | --- | --- |
507
- | --rtb-content-text | #000 | Editor text color |
508
- | --rtb-content-size | 16px | Editor font size |
509
- | --rtb-content-font | Arial, sans-serif | Editor font family |
510
- | --rtb-content-bg | #FFF | Editor content background color |
511
- | --rtb-content-shadow | none | Inner box shadow on the content area |
512
- | --rtb-placeholder-color | #9ca3af | Placeholder text color |
506
+ | Variable | Default | Description |
507
+ |:----------------------|:----------------|:-----------------------------------|
508
+ |--rtb-content-text |#000 |Editor text color |
509
+ |--rtb-content-size |16px |Editor font size |
510
+ |--rtb-content-font |Arial, sans-serif|Editor font family |
511
+ |--rtb-content-bg |#FFF |Editor content background color |
512
+ |--rtb-content-shadow |none |Inner box shadow on the content area|
513
+ |--rtb-placeholder-color|#9ca3af |Placeholder text color |
513
514
 
514
515
  ---
515
516
 
516
517
  ### Editor Container Variables
517
518
 
518
- | Variable | Default | Description |
519
- | --- | --- | --- |
520
- | --rtb-editor-width | 100% | Maximum width of the editor |
521
- | --rtb-editor-height | 300px | Height of the editor |
522
- | --rtb-editor-border-style | solid | Outer border style |
523
- | --rtb-editor-border-width | 1px | Outer border width |
524
- | --rtb-editor-border-color | #EEE | Outer border color |
525
- | --rtb-editor-border-radius | 0px | Outer corner radius |
526
- | --rtb-editor-shadow | none | Outer box shadow |
527
- | --rtb-editor-resize | auto | auto shows the resize handle; hidden removes it |
528
- | --rtb-z-index | 1 | Z-index of the editor container — raise this to stack the editor above surrounding page content |
519
+ | Variable | Default | Description |
520
+ |:-------------------------|:--------|:----------------------------------------------------------------------------------------------|
521
+ |--rtb-editor-width |100% |Maximum width of the editor |
522
+ |--rtb-editor-height |300px |Height of the editor |
523
+ |--rtb-editor-border-style |solid |Outer border style |
524
+ |--rtb-editor-border-width |1px |Outer border width |
525
+ |--rtb-editor-border-color |#EEE |Outer border color |
526
+ |--rtb-editor-border-radius|0px |Outer corner radius |
527
+ |--rtb-editor-shadow |none |Outer box shadow |
528
+ |--rtb-editor-resize |auto |auto shows the resize handle; hidden removes it |
529
+ |--rtb-z-index |1 |Z-index of the editor container — raise this to stack the editor above surrounding page content|
529
530
 
530
531
  ---
531
532
 
532
533
  ### Scrollbar Variables
533
534
 
534
- | Variable | Default | Description |
535
- | --- | --- | --- |
536
- | --rtb-scroll-width | 10px | Scrollbar track width |
537
- | --rtb-scroll-opacity | 1 | Scrollbar opacity |
538
- | --rtb-scroll-bg | transparent | Scrollbar track background |
539
- | --rtb-scroll-thumb-bg | #AAA | Scrollbar thumb color |
540
- | --rtb-scroll-thumb-bg-hover | #DDD | Scrollbar thumb color on hover |
541
- | --rtb-scroll-thumb-radius | 0 | Scrollbar thumb corner radius |
535
+ | Variable | Default | Description |
536
+ |:--------------------------|:----------|:-----------------------------|
537
+ |--rtb-scroll-width |10px |Scrollbar track width |
538
+ |--rtb-scroll-opacity |1 |Scrollbar opacity |
539
+ |--rtb-scroll-bg |transparent|Scrollbar track background |
540
+ |--rtb-scroll-thumb-bg |#AAA |Scrollbar thumb color |
541
+ |--rtb-scroll-thumb-bg-hover|#DDD |Scrollbar thumb color on hover|
542
+ |--rtb-scroll-thumb-radius |0 |Scrollbar thumb corner radius |
542
543
 
543
544
  ---
544
545
 
545
546
  ### Blockquote Variables
546
547
 
547
- | Variable | Default | Description |
548
- | --- | --- | --- |
549
- | --rtb-quote-bg | #f9f9f9 | Blockquote background color |
550
- | --rtb-quote-border-color | #ccc | Blockquote left-border color |
551
- | --rtb-quote-border-width | 5px | Blockquote left-border width |
548
+ | Variable | Default | Description |
549
+ |:-----------------------|:--------|:---------------------------|
550
+ |--rtb-quote-bg |#f9f9f9 |Blockquote background color |
551
+ |--rtb-quote-border-color|#ccc |Blockquote left-border color|
552
+ |--rtb-quote-border-width|5px |Blockquote left-border width|
552
553
 
553
554
  ---
554
555
 
555
556
  ### Code / Pre Variables
556
557
 
557
- | Variable | Default | Description |
558
- | --- | --- | --- |
559
- | --rtb-code-bg | #f9f9f9 | Code block background color |
560
- | --rtb-code-border-radius | 10px | Code block corner radius |
558
+ | Variable | Default | Description |
559
+ |:-----------------------|:--------|:--------------------------|
560
+ |--rtb-code-bg |#f9f9f9 |Code block background color|
561
+ |--rtb-code-border-radius|10px |Code block corner radius |
561
562
 
562
563
  ---
563
564
 
564
565
  ### Modal / Dialog Variables
565
566
 
566
- | Variable | Default | Description |
567
- | --- | --- | --- |
568
- | --rtb-modal-bg | #fefefe | Dialog background color |
569
- | --rtb-modal-text | #000 | Dialog text and close-button color |
570
- | --rtb-modal-text-size | 16px | Dialog font size |
571
- | --rtb-modal-text-font | Arial, sans-serif | Dialog font family |
572
- | --rtb-modal-input-bg | #fff | Input field background |
573
- | --rtb-modal-input-text | #000 | Input field text color |
574
- | --rtb-modal-input-border | #CCC | Input field border color |
575
- | --rtb-modal-checkbox | #007bff | Checkbox accent color |
567
+ | Variable | Default | Description |
568
+ |:-----------------------|:----------------|:---------------------------------|
569
+ |--rtb-modal-bg |#fefefe |Dialog background color |
570
+ |--rtb-modal-text |#000 |Dialog text and close-button color|
571
+ |--rtb-modal-text-size |16px |Dialog font size |
572
+ |--rtb-modal-text-font |Arial, sans-serif|Dialog font family |
573
+ |--rtb-modal-input-bg |#fff |Input field background |
574
+ |--rtb-modal-input-text |#000 |Input field text color |
575
+ |--rtb-modal-input-border|#CCC |Input field border color |
576
+ |--rtb-modal-checkbox |#007bff |Checkbox accent color |
576
577
 
577
578
  ---
578
579
 
@@ -796,49 +797,49 @@ editor.setPreviewCssFiles('my-content.css');
796
797
 
797
798
  Buttons appear left-to-right in the order listed. Dividers separate logical groups.
798
799
 
799
- | Button | Action | Shortcut |
800
- | --- | --- | --- |
801
- | Font | Set font family | — |
802
- | Size | Set font size | Ctrl+Shift+< / Ctrl+Shift+> |
803
- | Format | Apply block format (paragraph, headings 1–6) | Ctrl+Shift+D / Ctrl+Shift+1–6 |
804
- | Bold | Bold | Ctrl+B |
805
- | Italic | Italic | Ctrl+I |
806
- | Underline | Underline | Ctrl+U |
807
- | Strikethrough | Strikethrough | Ctrl+D |
808
- | Subscript | Subscript | Ctrl+= |
809
- | Superscript | Superscript | Ctrl+Shift++ |
810
- | Text Color | Open text color picker | Ctrl+Shift+C |
811
- | Background Color | Open text background color picker | Ctrl+Shift+B |
812
- | Remove Color | Strip text and background color | — |
813
- | Align Left | Left-align | Ctrl+L |
814
- | Align Center | Center-align | Ctrl+E |
815
- | Align Right | Right-align | Ctrl+R |
816
- | Justify | Justify | Ctrl+J |
817
- | Cut | Cut selection | Ctrl+X |
818
- | Copy | Copy selection | Ctrl+C |
819
- | Paste | Paste from clipboard | Ctrl+V |
820
- | Delete | Delete selection | Delete |
821
- | Select All | Select all content | Ctrl+A |
822
- | Ordered List | Insert numbered list | Ctrl+Shift+O |
823
- | Unordered List | Insert bulleted list | Ctrl+Shift+U |
824
- | Increase Indent | Indent / promote list item | Tab |
825
- | Decrease Indent | Outdent / demote list item | Shift+Tab |
826
- | Insert Link | Open link dialog | Ctrl+Shift+K |
827
- | Remove Link | Remove hyperlink | — |
828
- | Insert Image | Open image URL dialog | Ctrl+Shift+I |
829
- | Upload Image | Open image upload / embed dialog | Ctrl+Shift+& |
830
- | Block Quote | Open block quote dialog | Ctrl+Shift+Q |
831
- | Embed Media | Open media embed dialog (audio, PDF, iframe) | Ctrl+Shift+M |
832
- | Video | Open video embed dialog | Ctrl+Shift+V |
833
- | Insert Table | Open table dialog | Ctrl+Shift+L |
834
- | Code Block | Open code block dialog | Ctrl+Shift+\* |
835
- | Horizontal Rule | Insert \\<hr> at cursor position | Ctrl+Shift+H |
836
- | Undo | Undo last action | Ctrl+Z |
837
- | Redo | Redo last action | Ctrl+Y |
838
- | Toggle Status Bar | Show / hide the word and character count bar | Ctrl+\\ |
839
- | Save HTML | Download editor content as an .html file | Ctrl+Shift+S |
840
- | HTML Source | Toggle raw HTML source view | Ctrl+Shift+A |
841
- | Preview | Open preview dialog | Ctrl+Shift+P |
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 |
842
843
 
843
844
  ---
844
845
 
@@ -846,47 +847,47 @@ Buttons appear left-to-right in the order listed. Dividers separate logical grou
846
847
 
847
848
  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.
848
849
 
849
- | Category | Action | Shortcut |
850
- | --- | --- | --- |
851
- | **Formatting** | Bold | Ctrl+B |
852
- | | Italic | Ctrl+I |
853
- | | Underline | Ctrl+U |
854
- | | Strikethrough | Ctrl+D |
855
- | | Subscript | Ctrl+= |
856
- | | Superscript | Ctrl+Shift++ |
857
- | **Color** | Text color | Ctrl+Shift+C |
858
- | | Text background color | Ctrl+Shift+B |
859
- | **Alignment** | Align left | Ctrl+L |
860
- | | Align center | Ctrl+E |
861
- | | Align right | Ctrl+R |
862
- | | Justify | Ctrl+J |
863
- | **Editing** | Cut | Ctrl+X |
864
- | | Copy | Ctrl+C |
865
- | | Paste | Ctrl+V |
866
- | | Select all | Ctrl+A |
867
- | | Undo | Ctrl+Z |
868
- | | Redo | Ctrl+Y |
869
- | **Lists** | Ordered list | Ctrl+Shift+O |
870
- | | Unordered list | Ctrl+Shift+U |
871
- | | Increase indent | Tab |
872
- | | Decrease indent | Shift+Tab |
873
- | **Insert** | Insert link | Ctrl+Shift+K |
874
- | | Insert image | Ctrl+Shift+I |
875
- | | Upload image | Ctrl+Shift+& |
876
- | | Block quote | Ctrl+Shift+Q |
877
- | | Video | Ctrl+Shift+V |
878
- | | Embed media | Ctrl+Shift+M |
879
- | | Insert table | Ctrl+Shift+L |
880
- | | Code block | Ctrl+Shift+\* |
881
- | | Horizontal rule | Ctrl+Shift+H |
882
- | **Format** | Paragraph | Ctrl+Shift+D |
883
- | | Heading 1–6 | Ctrl+Shift+1 – Ctrl+Shift+6 |
884
- | | Increase font size | Ctrl+Shift+> |
885
- | | Decrease font size | Ctrl+Shift+< |
886
- | **View** | Toggle status bar | Ctrl+\\ |
887
- | | Toggle HTML source | Ctrl+Shift+A |
888
- | | Preview | Ctrl+Shift+P |
889
- | | Save HTML | Ctrl+Shift+S |
850
+ | Category | Action | Shortcut |
851
+ |:-------------|:--------------------|:--------------------------|
852
+ |**Formatting**|Bold |Ctrl+B |
853
+ | |Italic |Ctrl+I |
854
+ | |Underline |Ctrl+U |
855
+ | |Strikethrough |Ctrl+D |
856
+ | |Subscript |Ctrl+= |
857
+ | |Superscript |Ctrl+Shift++ |
858
+ |**Color** |Text color |Ctrl+Shift+C |
859
+ | |Text background color|Ctrl+Shift+B |
860
+ |**Alignment** |Align left |Ctrl+L |
861
+ | |Align center |Ctrl+E |
862
+ | |Align right |Ctrl+R |
863
+ | |Justify |Ctrl+J |
864
+ |**Editing** |Cut |Ctrl+X |
865
+ | |Copy |Ctrl+C |
866
+ | |Paste |Ctrl+V |
867
+ | |Select all |Ctrl+A |
868
+ | |Undo |Ctrl+Z |
869
+ | |Redo |Ctrl+Y |
870
+ |**Lists** |Ordered list |Ctrl+Shift+O |
871
+ | |Unordered list |Ctrl+Shift+U |
872
+ | |Increase indent |Tab |
873
+ | |Decrease indent |Shift+Tab |
874
+ |**Insert** |Insert link |Ctrl+Shift+K |
875
+ | |Insert image |Ctrl+Shift+I |
876
+ | |Upload image |Ctrl+Shift+& |
877
+ | |Block quote |Ctrl+Shift+Q |
878
+ | |Video |Ctrl+Shift+V |
879
+ | |Embed media |Ctrl+Shift+M |
880
+ | |Insert table |Ctrl+Shift+L |
881
+ | |Code block |Ctrl+Shift+\* |
882
+ | |Horizontal rule |Ctrl+Shift+H |
883
+ |**Format** |Paragraph |Ctrl+Shift+D |
884
+ | |Heading 1–6 |Ctrl+Shift+1 – Ctrl+Shift+6|
885
+ | |Increase font size |Ctrl+Shift+> |
886
+ | |Decrease font size |Ctrl+Shift+< |
887
+ |**View** |Toggle status bar |Ctrl+\\ |
888
+ | |Toggle HTML source |Ctrl+Shift+A |
889
+ | |Preview |Ctrl+Shift+P |
890
+ | |Save HTML |Ctrl+Shift+S |
890
891
 
891
892
  ---
892
893
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rt-native",
3
- "version": "1.0.135",
3
+ "version": "1.0.136",
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": {