--- title: "WYSIWYG Editor" slug: "wysiwyg-editor" updated: 2025-01-06T18:01:08Z published: 2025-01-06T18:01:08Z canonical: "support.smarteru.com/wysiwyg-editor" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.smarteru.com/llms.txt > Use this file to discover all available pages before exploring further. # WYSIWYG Editor The WYSIWYG (What You See Is What You Get) editor makes it easy to format and add content. ![Interface gráfica do usuário, Aplicativo Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-t2koavr7.png) ## **Menu Options** ### File Menu #### Print Prints the content. --- ### Edit Menu #### Undo Cancels the previous action. #### Redo Repeats the previous action. #### Cut Removes the selected text and places it in a temporary buffer. #### Copy Copies the selected text and places it in a temporary buffer. #### Paste Places the text from the temporary buffer into the current cursor position. Chrome and Firefox do not allow content to be pasted from the buffer using the menu or toolbar. If you are using Chrome or Firefox, use the keyboard shortcut CTRL + V to paste text with formatting, or CTRL + SHIFT + V to paste text without formatting. #### Paste as Text Controls whether text is pasted with or without formatting. When enabled, text is pasted without formatting. - All formatting will be removed when Paste as Text is enabled. - Chrome and Firefox do not allow content to be pasted from the buffer using the menu or toolbar. If you are using Chrome or Firefox, use the keyboard shortcut CTRL + V to paste text with formatting, or CTRL + SHIFT + V to paste text without formatting. #### Select All Selects all text on the webpage. #### Find and Replace Searches for the specified text and replaces it with the text that you specify. --- ### Insert Menu #### Insert/Edit Image Displays the Insert/Edit Image window so that you may [add or change an image](https://support.smarteru.com/docs/wysiwyg-editor-adding-an-image-to-content) at the current cursor position. ![Insert Edit Image - Uploading Image 20250102.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Insert%20Edit%20Image%20-%20Uploading%20Image%2020250102.png) Refer to [WYSIWYG Image Editor](https://support.smarteru.com/docs/wysiwyg-editor-editing-an-image) for details. #### Insert/Edit Video Displays the Insert/Edit Video window so that you may [add or change a video](https://support.smarteru.com/docs/wysiwyg-editor-adding-a-video-to-content) at the current cursor position. ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Insert%20Edit%20Video%20Window%2020210901.png) #### Insert/Edit Link [Add or edit a hyperlink](https://support.smarteru.com/docs/wysiwyg-editor-adding-a-link-or-downloadable-file) using the Insert Link window. You can add a link to another website or to a [downloadable file](https://support.smarteru.com/docs/wysiwyg-editor-adding-a-link-or-downloadable-file#adding-a-downloadable-file-) that you've uploaded using the [File Manager](https://support.smarteru.com/v1/docs/wysiwyg-editor-using-the-file-manager). To link to a file in your knowledge base, you'll need to [copy the URL for the knowledge base file](https://support.smarteru.com/docs/linking-to-a-knowledge-base-file). #### Special Character Displays the Special Character window so that you can select the special character you would like to insert. #### Anchor Displays the Anchor window so that you may add or change an anchor with the name specified in the Name field. ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Anchor%2020210901.png) #### Page Break Inserts a page break at the current cursor position. #### Insert Date/Time Inserts the current date or time using the selected format. --- ### View Menu #### Show Blocks Controls whether blocks are displayed on the webpage. #### Fullscreen Displays the editing area in fullscreen mode. --- ### Format Menu #### Bold Applies bold formatting to the selected text. Click again to remove the bold formatting. #### Italic Italicizes the text. Click again to remove the italics from the text. #### Underline Underlines the text. Click again to remove the underline from the text. #### Strikethrough Strikes through the selected text. Click again to remove the strikethrough. #### Superscript Formats the selected text as a superscript. #### Subscript Formats the selected text as a subscript. #### Formats Enables you to apply the selected format to the selected text. #### Clear Formatting Removes all formatting from the selected text. --- ### Table Menu #### Insert Table Inserts a table with the selected number of columns and rows at the current cursor position. #### Table Properties Displays the table Properties window so that you can control the various properties of the selected table. ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Table%20Properties%20Window%2020220127.png) #### Delete Table Deletes the selected table. #### Cell Enables you to update the selected cell's properties, merge cells, or split cells. #### Row Enables you to updated the selected row's properties and insert, delete, copy, cut, or paste a row. #### Column Enables you to updated the selected column's properties and insert, delete, copy, cut, or paste a column. --- ## **Toolbar** ### Print ![Ícone Descrição gerada automaticamente com confiança média](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-em2mphat.png) Prints the content. ### Cut ![Desenho preto e branco Descrição gerada automaticamente com confiança baixa](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-cljbsgaf.png) Removes the selected text and places it in a temporary buffer. - Keyboard shortcut: CTRL + X - Menu option: Edit > Cut ### Copy ![Uma imagem contendo Aplicativo Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-c4coesrm.png) Copies the selected text and places it in a temporary buffer. - Keyboard shortcut: CTRL + C - Menu option: Edit > Copy ### Paste ![Interface gráfica do usuário Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-kl7hfob0.png) Places the text from the temporary buffer into the current cursor position. Chrome and Firefox do not allow content to be pasted from the buffer using the menu or toolbar. If you are using Chrome or Firefox, use the keyboard shortcut CTRL + V to paste text with formatting, or CTRL + SHIFT + V to paste text without formatting. If you are using browsers other than Chrome or Firefox and want to control whether text is pasted with or without formatting, you can use the [Paste as Text menu option](/v1/docs/wysiwyg-editor#paste-as-text) under the Edit menu. When the Paste as Text menu option is checked, text is pasted without formatting. - Keyboard shortcut: CTRL + V - Menu option: Edit > Paste ### Undo ![Forma, Seta Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-z503vz06.png) Cancels the previous action. - Keyboard shortcut: CTRL + Z - Menu option: Edit > Undo ### Redo ![Forma, Seta Descrição gerada automaticamente com confiança média](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-yz589b0i.png) Repeats the previous action. - Keyboard shortcut: CTRL + Y - Menu option: Edit > Redo ### Paragraph ![Texto Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-ys8chyr0.png) Applies the selected format to the paragraph. - Menu option: Format > Formats > Headings ### Font Family ![Interface gráfica do usuário, Aplicativo Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-wkwl0hu7.png) Applies the typeface to the selected text. ### Font Sizes Applies the font size to the selected text. ### Bold ![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-2uzywf7m.png) Applies bold formatting to the selected text. Click again to remove the bold formatting. - Keyboard shortcut: CTRL + B - Menu option: Format > Bold ### Italic ![Uma imagem contendo Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-2nuekh1j.png) Italicizes the text. Click again to remove the italics from the text. - Keyboard shortcut: CTRL +I - Menu option: Format > Italic ### Underline ![Logotipo Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-iy98r925.png) Underlines the text. Click again to remove the underline from the text. - Keyboard shortcut: CTRL + U - Menu option: Format > Underline ### Strikethrough ![Logotipo Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-wm1jph6w.png) Strikes through the selected text. Click again to remove the strikethrough. - Menu option: Format > Strikethrough ### Align Left ![Gráfico, Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-6fnlzjn9.png) Left justifies the selected paragraph. - Menu option: Format > Formats > Alignment > Left ### Align Center ![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-hyzce0cy.png) Centers the selected paragraph. - Menu option: Format > Formats > Alignment > Center ### Align Right ![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-wvcr909c.png) Right justifies the selected paragraph. - Menu option: Format > Formats > Alignment > Right ### Justify ![Uma imagem contendo Texto Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-5zt5bke7.png) Fully justifies the text in the selected paragraph. - Menu option: Format > Formats > Alignment > Justify ### Left to Right ![Logotipo, Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-sjwuupyd.png) Changes the orientation of the text to left to right. ### Right to Left ![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-rhq74sqe.png) Changes the orientation of the text to right to left. ### Bulleted List ![Interface gráfica do usuário, Aplicativo Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-s1pgv59n.png) Inserts a bulleted list at the cursor position. You may select a different type of bullet from the list. ### Numbered List ![Interface gráfica do usuário, Texto, Aplicativo, chat ou mensagem de texto Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-dzd4qc0r.png) Inserts an ordered list at the cursor position. You may select a different ordering type from the list. ### Decrease Indent ![Uma imagem contendo Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-5gvcgxsi.png) Moves the left margin of the paragraph to the left. ### Increase Indent ![Uma imagem contendo Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-30o3admb.png) Moves the left margin of the paragraph to the right. ### Text Color ![Gráfico Descrição gerada automaticamente com confiança média](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-o88sl3wk.png) Changes the color of the selected text to the selected color. ### Background Color ![Gráfico Descrição gerada automaticamente com confiança média](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-of4g9366.png) Highlights the selected text in the selected color. ### Table ![Interface gráfica do usuário, Texto, Aplicativo, chat ou mensagem de texto Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-8593l3le.png) Insert a table and control its properties. - Menu option: Table ### Insert/Edit Link![Seta Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-c0ozodb7.png) [Add or edit a hyperlink](https://support.smarteru.com/docs/wysiwyg-editor-adding-a-link-or-downloadable-file) using the Insert Link window. You can add a link to another website or to a [downloadable file](https://support.smarteru.com/docs/wysiwyg-editor-adding-a-link-or-downloadable-file#adding-a-downloadable-file-) that you've uploaded using the [File Manager](https://support.smarteru.com/v1/docs/wysiwyg-editor-using-the-file-manager). To link to a file in your knowledge base, you'll need to [copy the URL for the knowledge base file](https://support.smarteru.com/docs/linking-to-a-knowledge-base-file). - Keyboard shortcut: CTRL + K - Menu option: Insert > Insert/edit link ### Remove Link ![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-xqzk9l7i.png) Removes the hyperlink from the selected text. ### Anchor ![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-y07u17dh.png) Displays the Anchor window so that you may add or change an anchor with the name specified in the Name field. ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Anchor%2020210901.png) - Menu option: Insert > Anchor ### Insert/Edit Image ![Tela de vídeo game Descrição gerada automaticamente com confiança média](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-jak55sqy.png) Displays the Insert/Edit Image window so that you may [add or change an image](https://support.smarteru.com/docs/wysiwyg-editor-adding-an-image-to-content) at the current cursor position. ![Insert Edit Image - Uploading Image 20250102.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Insert%20Edit%20Image%20-%20Uploading%20Image%2020250102.png) Refer to [WYSIWYG Image Editor](https://support.smarteru.com/docs/wysiwyg-editor-editing-an-image) for details. - Menu option: Insert > Insert/Edit Image ### Insert/Edit Video ![Logotipo Descrição gerada automaticamente com confiança média](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-7qjwhyn2.png) Displays the Insert/Edit Video window so that you may [add or change a video](https://support.smarteru.com/docs/wysiwyg-editor-adding-a-video-to-content) at the current cursor position. ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Insert%20Edit%20Video%20Window%2020210901.png) - Menu option: Insert > Insert/Edit Video ### Fullscreen ![Desenho de uma pessoa Descrição gerada automaticamente com confiança média](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/about-the-wysiwyg-editor-image-a19e5zup.png) Expands the editor so that its display takes up the entire screen. - Keyboard shortcut: CTRL + SHIFT + F - Menu option: View > Fullscreen ## Related - [Adding a Flashcard Activity](/adding-a-flashcard-activity.md) - [Article: Content](/article-content.md) - [Article: Descriptions](/article-descriptions.md) - [Content Slide: Content](/content-slide-content.md) - [File: File Information](/file-file-information.md) - [Instructor-Led Course: Main](/instructor-led-course-main.md) - [Online Course: Main](/online-course-main.md) - [Quiz Question: Question](/quiz-question-question.md) - [SCORM Course: Main](/scorm-course-main.md) - [WYSIWYG Editor: Adding a Link or Downloadable File](/wysiwyg-editor-adding-a-link-or-downloadable-file.md) - [WYSIWYG Editor: Adding a Video to Content](/wysiwyg-editor-adding-a-video-to-content.md) - [WYSIWYG Editor: Adding an Image to Content](/wysiwyg-editor-adding-an-image-to-content.md) - [WYSIWYG Editor: Editing an Image](/wysiwyg-editor-editing-an-image.md) - [WYSIWYG Editor: Using the File Manager](/wysiwyg-editor-using-the-file-manager.md)