Word Paste Plugin
Users paste a lot from Word and Excel. Froala WYSIWYG HTML Editor cleans all the unnecessary code and makes the HTML just look good.
Plugin options:
| wordAllowedStyleProps Array - | The list of allowed CSS attributes to be used for tags when pasting from Word. Default: ['font-family', 'font-size', 'background', 'color', 'width', 'text-align', 'vertical-align', 'background-color', 'padding', 'margin', 'height', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'text-decoration', 'font-weight', 'font-style', 'text-indent', 'border', 'border-.*'] |
| wordDeniedAttrs Array - | Attributes that are removed when pasting something into the rich text editor from Word. Default:[] |
| wordDeniedTags Array - | Tags that are removed together with their content when pasting something into the rich text editor from Word. Default:[] |
| wordPasteModal Boolean - | Show modal to choose if to keep or not styles pasted from Word. If set to false, the default action is to keep the formatting. Default: true |
| wordPasteKeepFormatting Boolean - | Choose the default action when wordPasteModal option is enabled. Default: true |
Plugin events:
| paste.after () | Triggered after pasting something into the Froala Rich Text Editor. |
| paste.afterCleanup (clipboard_html) | Triggered after the content was pasted from the clipboard into the Froala Rich Text Editor and it was cleaned up. If a string is returned, the new string will be used as the pasted content. ● clipboard_html A string with the pasted content after it was cleaned up. |
| paste.before (original_event) | Triggered before pasting something into the Froala Rich Text Editor. Note: Returning false in the handler assigned to the event will cancel the current action. ● original_event The jQuery event object for the paste event. |
| paste.beforeCleanup (clipboard_html) | Triggered after the content is pasted from the clipboard into the Froala Rich Text Editor. If a string is returned the new string will be used as the pasted content. ● clipboard_html The clipboard pasted HTML. |
| paste.wordPaste (clipboard_html) | Triggered after the content is pasted from the MS Office into the Froala Rich Text Editor. ● clipboard_html The clipboard pasted HTML. |
Add Plugin to your code:
Plugin name: wordPaste
Plugin JS Script: ../js/plugins/word_paste.min.js
Or from CDN https://cdn.jsdelivr.net/npm/froala-editor@latest/js/plugins/word_paste.min.js
Plugin CSS link: