Skip to content

Commit

Permalink
Merge pull request #142 from magento-devdocs/lt-tinyMCE3-remove
Browse files Browse the repository at this point in the history
Remove TinyMCE 3 as a WISYWIG editor option
  • Loading branch information
leslietilling committed Jul 14, 2021
2 parents 6c484b5 + 1489781 commit 4f5f4cd
Show file tree
Hide file tree
Showing 93 changed files with 13 additions and 141 deletions.
4 changes: 2 additions & 2 deletions src/_data/toc/content.yml
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,8 @@ pages:
- label: Using the Editor
url: "/cms/editor.html"
children:
- label: Configuring the Editor
url: "/cms/editor-configure.html"
- label: Inserting a Link
url: "/cms/editor-insert-link.html"
- label: Inserting an Image
Expand All @@ -44,8 +46,6 @@ pages:
url: "/cms/editor-widget.html"
- label: Inserting a Variable
url: "/cms/editor-insert-variable.html"
- label: Configuring the Editor
url: "/cms/editor-configure.html"
- label: Hierarchy
url: "/cms/page-hierarchy.html"
edition: ee-only
Expand Down
6 changes: 1 addition & 5 deletions src/cms/editor-configure.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: Configuring the Editor

The WYSIWYG editor is enabled by default, and can be used to edit content on CMS pages and blocks, and in products and categories. From the configuration you can activate or deactivate the editor, and elect to use static, rather than [dynamic]({% link catalog/catalog-urls-dynamic-media.md %}), [URLS]({% link catalog/catalog-urls.md %}) for media content in product and category descriptions.

TinyMCE 4 is now the default WYSIWYG editor. The implemented version, which is actually 4.6, offers an improved user experience and supports a wide range of WYSIWYG plugins. TinyMCE 3 is now deprecated, but can be enabled in the configuration if required for previous customizations.
TinyMCE 4 is the default WYSIWYG editor. The implemented version, which is actually 4.6, offers an improved user experience and supports a wide range of WYSIWYG plugins. TinyMCE 3 was deprecated in the 2.4.0 release and is now removed in the 2.4.3 release.

![]({% link images/images/config-general-content-management-wysiwyg-options.png %}){: .zoom}
[WYSIWYG Options]({% link configuration/general/content-management.md %})
Expand All @@ -21,10 +21,6 @@ TinyMCE 4 is now the default WYSIWYG editor. The implemented version, which is a

The editor is enabled by default.

1. Set **WYSIWYG Editor** to the version of the TinyMCE editor that you want to use.

TinyMCE 4 is the recommended and default editor.

1. Set **Static URLs for Media Content in WYSIWYG** to your preference for all [media content]({% link catalog/catalog-urls-dynamic-media.md %}) that is entered with the WYSIWYG editor.

1. When complete, click <span class="btn">Save Config</span>.
140 changes: 8 additions & 132 deletions src/cms/editor.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,139 +5,15 @@ title: Using the Editor
The editor gives you the ability to enter and format while working in a _What You See Is What You Get_ (WYSIWYG) view of the content. If you prefer to work directly with the underlying HTML code, you can easily change modes. The editor can be used to create content for [pages]({% link cms/pages.md %}), [blocks]({% link cms/blocks.md %}), and [product descriptions]({% link catalog/product-content.md %}). When working on product detail, access the editor by clicking <span class="btn">Show / Hide Editor</span>.

{:.bs-callout-info}
TinyMCE 4 is now the default WYSIWYG editor. TinyMCE 3 is now deprecated, but can be enabled in the [configuration]({% link cms/editor-configure.md %}) if required for previous customizations.

## TinyMCE 4 tools
TinyMCE 4 is the default WYSIWYG editor. TinyMCE 3 was deprecated in the 2.4.0 release and is now removed in the 2.4.3 release.

![Editor toolbar]({% link images/images/editor-toolbar-tm4/toolbar.png %}){: .zoom}
_WYSIWYG editor toolbar ([TinyMCE 4]({% link cms/editor-configure.md %}))_

## TinyMCE 3 (Deprecated) tools

### Editing tools

![]({% link images/images/editor-toolbar-editing-tools.png %}){: .zoom}
_TinyMCE 3 editing tools_

| ![]({% link images/images/editor-toolbar/btn-cut.png %}) | Cut | ![]({% link images/images/editor-toolbar/btn-copy.png %}) | Copy |
| ![]({% link images/images/editor-toolbar/btn-paste.png %}) | Paste | ![]({% link images/images/editor-toolbar/btn-paste-from-text.png %}) | Paste as Plain Text |
|   |   | ![]({% link images/images/editor-toolbar/btn-paste-from-word.png %}) | Paste from Word |
| ![]({% link images/images/editor-toolbar/btn-find.png %}) | Find | ![]({% link images/images/editor-toolbar/btn-find-and-replace.png %}) | Find and Replace |
| ![]({% link images/images/editor-toolbar/btn-undo.png %}) | Undo | ![]({% link images/images/editor-toolbar/btn-redo.png %}) | Redo |
| ![]({% link images/images/editor-toolbar/btn-citation.png %}) | Citation | ![]({% link images/images/editor-toolbar/btn-abbreviation.png %}) | Abbreviation |
| ![]({% link images/images/editor-toolbar/btn-acronym.png %}) | Acronym | ![]({% link images/images/editor-toolbar/btn-spellcheck.png %}) | Spellchecker (not installed) |
| ![]({% link images/images/editor-toolbar/btn-mark-as-insertion.png %}) | Mark as Insertion | ![]({% link images/images/editor-toolbar/btn-mark-as-deletion.png %}) | Mark as Deletion |

### Styles and fonts

![]({% link images/images/editor-toolbar-styles.png %}){: .zoom}
_TinyMCE 3 styles and fonts_

| ![]({% link images/images/list-styles.png %}) | Styles | ![]({% link images/images/list-format.png %}) | Format |
| ![]({% link images/images/list-font-family.png %}) | Font Family | ![]({% link images/images/list-font-size.png %}) | Font Size |

### Character format

![]({% link images/images/editor-toolbar-character.png %}){: .zoom}
_Character format_

| ![]({% link images/images/editor-toolbar/btn-bold.png %}) | Bold | ![]({% link images/images/editor-toolbar/btn-italics.png %}) | Italic |
| ![]({% link images/images/editor-toolbar/btn-underline.png %}) | Underline | ![]({% link images/images/editor-toolbar/btn-strikeout.png %}) | Strikeout |
| ![]({% link images/images/editor-toolbar/btn-subscript.png %}) | Subscript | ![]({% link images/images/editor-toolbar/btn-superscript.png %}) | Superscript |

### Special characters

![]({% link images/images/editor-toolbar-special.png %}){: .zoom}
_TinyMCE 3 special characters_

|![]({% link images/images/editor-toolbar/btn-insert-special-character.png %})|Insert Symbol|![]({% link images/images/editor-toolbar/btn-insert-nonbreaking-char.png %})|Insert Non-Breaking Space|
|||![]({% link images/images/editor-toolbar/btn-insert-page-break.png %})|Insert Page Break|

### Color

![]({% link images/images/editor-toolbar-color.png %}){: .zoom}
_TinyMCE 3 color_

| ![]({% link images/images/editor-toolbar/btn-select-text-color.png %}) | Select Text Color | ![]({% link images/images/editor-toolbar/btn-select-background-color.png %}) | Select Background Color |

### Paragraph format

![]({% link images/images/editor-toolbar-paragraph.png %}){: .zoom}
_TinyMCE 3 paragraph format_

| ![]({% link images/images/editor-toolbar/btn-left-justify.png %}) | Left Justify | ![]({% link images/images/editor-toolbar/btn-center.png %}) | Center |
| ![]({% link images/images/editor-toolbar/btn-right-justify.png %}) | Right Justify | ![]({% link images/images/editor-toolbar/btn-justify.png %}) | Full Justify |
| ![]({% link images/images/editor-toolbar/btn-outdent.png %}) | Outdent | ![]({% link images/images/editor-toolbar/btn-indent.png %}) | Indent |
|   |   | ![]({% link images/images/editor-toolbar/btn-blockquote.png %}) | Blockquote |

### Coding tools

![]({% link images/images/editor-toolbar-coding-tools.png %}){: .zoom}
_TinyMCE 3 coding tools_

| ![]({% link images/images/editor-toolbar/btn-remove-formatting.png %}) | Remove Formatting | ![]({% link images/images/editor-toolbar/btn-cleanup-messy-code.png %}) | Cleanup Messy Code |

### Lists

![]({% link images/images/editor-toolbar-lists.png %}){: .zoom}
_TinyMCE 3 lists_

| ![]({% link images/images/editor-toolbar/btn-bulleted-list.png %}) | Bulleted (Unordered) List | ![]({% link images/images/editor-toolbar/btn-numbered-list.png %}) | Numbered (Ordered) List |

### Rules

![]({% link images/images/editor-toolbar-rules.png %}){: .zoom}
_TinyMCE 3 rules_

| ![]({% link images/images/editor-toolbar/btn-simple-rule.png %}) | Insert Simple Horizontal Rule | ![]({% link images/images/editor-toolbar/btn-formatted-rule.png %}) | Insert Formatted Horizontal Rule |

### Links and anchors

![]({% link images/images/editor-toolbar-links.png %}){: .zoom}
_TinyMCE 3 links and anchors_

| ![]({% link images/images/editor-toolbar/btn-insert-link.png %}) | Insert/Edit Link | ![]({% link images/images/editor-toolbar/btn-remove-link.png %}) | Remove Link |
| ![]({% link images/images/editor-toolbar/btn-insert-anchor.png %}) | Insert/Edit Anchor |   |   |

### Images and media

![]({% link images/images/editor-toolbar-media.png %}){: .zoom}
_TinyMCE 3 images and media_

| ![]({% link images/images/editor-toolbar/btn-insert-edit-image.png %}) | Insert/Edit Image | ![]({% link images/images/editor-toolbar/btn-insert-media.png %}) | Insert Media |

### Tables

![]({% link images/images/editor-toolbar-tables.png %}){: .zoom}
_TinyMCE 3 tables_

| ![]({% link images/images/editor-toolbar/btn-insert-table.png %}) | Insert/Modify Table | ![]({% link images/images/editor-toolbar/btn-table-row-properties.png %}) | Table Row Properties |
| ![]({% link images/images/editor-toolbar/btn-table-cell-properties.png %}) | Table Cell Properties |
| ![]({% link images/images/editor-toolbar/btn-insert-row-above.png %}) | Insert Row Above | ![]({% link images/images/editor-toolbar/btn-insert-row-below.png %}) | Insert Row Below |
| ![]({% link images/images/editor-toolbar/btn-remove-column.png %}) |Remove Column | ![]({% link images/images/editor-toolbar/btn-remove-row.png %}) | Remove Row |
| ![]({% link images/images/editor-toolbar/btn-split-merged-table-cells.png %}) | Split Merged Table Cells | ![]({% link images/images/editor-toolbar/btn-merge-table-cells.png %}) | Merge Table Cells |

### Layers

![]({% link images/images/editor-toolbar-layers.png %}){: .zoom}
_TinyMCE 3 layers_

| ![]({% link images/images/editor-toolbar/btn-insert-layer.png %}) | Insert New Layer | ![]({% link images/images/editor-toolbar/btn-move-forward.png %}) | Move Layer Forward |
| ![]({% link images/images/editor-toolbar/btn-move-backward.png %}) | Move Layer Backward | ![]({% link images/images/editor-toolbar/btn-toggle-absolute-positioning.png %}) | Toggle Absolute Positioning |

### Variables, attributes, and widgets

![]({% link images/images/editor-toolbar-variables-apps.png %}){: .zoom}
_TinyMCE 3 variables, attributes, and widgets_

| ![]({% link images/images/editor-toolbar/btn-variable.png %}) | Insert Variable | ![]({% link images/images/editor-toolbar/btn-insert-edit-attributes.png %}) | Insert/Edit Attributes |
| ![]({% link images/images/editor-toolbar/btn-widget.png %}) | Insert Widget | | |

### Workspace preferences
_WYSIWYG editor toolbar_

![]({% link images/images/editor-toolbar-workspace.png %}){: .zoom}
_TinyMCE 3 workspace preferences_
The following topics provide detailed information about using the editor:

| ![]({% link images/images/editor-toolbar/btn-toggle-fullscreenmode.png %}) | Toggle Fullscreen Mode | ![]({% link images/images/editor-toolbar/btn-visual-control-characters-on-off.png %}) | Display Visual Control Characters (On/Off) |
| ![]({% link images/images/editor-toolbar/btn-toggle-guidelines-invis-elements.png %}) | Toggle Guidelines / Invisible Elements | ![]({% link images/images/editor-toolbar/btn-type-from-the-left.png %}) | Set Typing Direction Left-to-Right |
| ![]({% link images/images/editor-toolbar/btn-type-from-the-right.png %}) | Set Typing Direction Right-to-Left | ![]({% link images/images/editor-toolbar/btn-help.png %}) | Help |
- [Configuring the Editor]({% link cms/editor-configure.md %})
- [Inserting a Link]({% link cms/editor-insert-link.md %})
- [Inserting an Image]({% link cms/editor-insert-image.md %})
- [Inserting a Widget]({% link cms/editor-widget.md %})
- [Inserting a Variable]({% link cms/editor-insert-variable.md %})
2 changes: 1 addition & 1 deletion src/cms/page-builder-tutorial1-simple-page.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Before starting this tutorial, we recommend that you increase the [Admin Session

Verify the required Content Management configuration settings:

- WYSIWYG Editor is enabled, and TinyMCE 4 is selected as the default in the [WYSIWYG Options]({% link cms/editor-configure.md %}) configuration.
- WYSIWYG Editor is enabled in the [WYSIWYG Options]({% link cms/editor-configure.md %}) configuration.

- Page Builder is enabled in the [Advanced Content Tools]({% link cms/page-builder-setup.md %}) configuration.

Expand Down
2 changes: 1 addition & 1 deletion src/configuration/general/content-management.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Stores > Settings > [Configuration]({% link stores/configuration.md %}) > [Gene
|Field|[Scope]({% link configuration/scope.md %})|Description|
|--- |--- |--- |
|Enable WYSIWYG Editor|Store View|Determines if the editor is enabled for the store. Options: Enabled by Default/Disabled by Default/Disabled Completely|
|WYSIWYG Editor|Website|Determines the version of the TinyMCE editor that is used for the WYSIWYG editor. Options: <br/>**TinyMCE 4** - (Default) Uses the TinyMCE version 4.6 as the default WYSIWYG editor. <br/>**TinyMCE 3** (deprecated) - Uses the legacy TinyMCE 3 editor, which is now deprecated.|
|WYSIWYG Editor|Website|Determines the version of the TinyMCE editor that is used for the WYSIWYG editor. Options: <br/>**TinyMCE 4** - (Default) Uses the TinyMCE version 4.6 as the default WYSIWYG editor.|
|Use Static URLs for Media Content in WYSIWYG|Global|Determines if [static URLs]({% link catalog/catalog-urls-dynamic-media.md %}) are used for media content that is referenced from the WYSIWYG editor. The setting applies to all places where the WYSIWYG editor is available, including products, categories, pages, blocks, etc. Options: <br/>**Yes** - Uses static URLs for media content that is inserted with the WYSIWYG editor. Static URLs are absolute and break if the [base URL]({% link stores/store-urls.md %}) of the store changes. <br/>**No** (Default) - Uses dynamic URLs for media content that is inserted with the WYSIWYG editor, based on the `{% raw %}{{media url="..."}}{% endraw %}` directive. Dynamic URLs are relative and do not break if the [base URL]({% link stores/store-urls.md %}) of the store changes.|

{:.ee-only}
Expand Down
Binary file removed src/images/images/editor-toolbar-all.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-character.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-coding-tools.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-color.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-editing-tools.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-layers.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-links.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-lists.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-media.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-paragraph.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-rules.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-special.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-styles.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-tables.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-variables-apps.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar-workspace.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar/btn-abbreviation.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar/btn-acronym.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar/btn-blockquote.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar/btn-bold.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar/btn-bulleted-list.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar/btn-center.png
Binary file not shown.
Binary file removed src/images/images/editor-toolbar/btn-citation.png
Binary file not shown.
Binary file not shown.
Binary file removed src/images/images/editor-toolbar/btn-copy.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-cut.png
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-find.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-formatted-rule.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-help.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-indent.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-insert-anchor.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-insert-layer.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-insert-link.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-insert-media.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-insert-table.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-italics.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-justify.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-left-justify.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-move-backward.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-move-forward.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-numbered-list.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-outdent.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-paste.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-redo.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-remove-column.png
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-remove-link.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-remove-row.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-right-justify.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-simple-rule.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-spellcheck.png
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-strikeout.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-subscript.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-superscript.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-underline.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-undo.png
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-variable.png
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/btn-widget.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed src/images/images/editor-toolbar/editor-toolbar.png
Diff not rendered.

0 comments on commit 4f5f4cd

Please sign in to comment.