Allow SVG images to be used in Magento CMS blocks and pages via the TinyMCE Wysiwyg Editor.

Hyvä

Last update: Dec 15, 2022

Related tags

Miscellaneous magento2-wysiwyg-svg

Overview

Hyvä Themes - SVG support for the Magento CMS Wysiwyg Editor

Allow SVG images to be used in CMS blocks and pages via the TinyMCE Wysiwyg Editor.

hyva-themes/magento2-wysiwyg-svg

Compatible with Magento 2.4.0 and higher.

Installation

Install via composer

composer require hyva-themes/magento2-wysiwyg-svg

Enable module
```
bin/magento setup:upgrade
```

Usage

No configuration is required or available.

To use, switch a CMS Wysiwyg Editor to the HTML view and past the SVG where you want it. Then switch back to the regular view and save the CMS block or page.

Note: this module can be used with any Magento theme - there is no hard requirement to use a Hyvä frontend theme.

Credits

Thanks to Pekka M. for the help figuring out how to customize the editor.

License

Hyvä Themes - https://hyva.io

The BSD-3-Clause License. Please see License File for more information.

Comments

Link Elements Not Correctly Validated
When using this module, a tags are not correctly validated any more. If the module is disabled, <a href="https://www.google.de" asdsadds="asdasddsa">link</a> will be replaced with <a href="https://www.google.de">link</a> when the editor is toggled, because asdsadds is obviously not a valid attribute. However, when the module is enabled, the invalid attribute asdsadds will be kept and not stripped. This happens, because in the following line, many new allowed tags are added, which all allow all attributes:

https://github.com/hyva-themes/magento2-wysiwyg-svg/blob/9c389b1b3ef953718716cb8e493913bc37c0129f/src/Plugin/AllowSvgInWysiwyg.php#L36

The following is added to extended_valid_elements:

svg[*],a[*],animate[*],animateMotion[*],animateTransform[*],circle[*],clipPath[*],defs[*],desc[*],ellipse[*],feBlend[*],feColorMatrix[*],feComponentTransfer[*],feComposite[*],feConvolveMatrix[*],feDiffuseLighting[*],feDisplacementMap[*],feDistantLight[*],feFlood[*],feFuncA[*],feFuncB[*],feFuncG[*],feFuncR[*],feGaussianBlur[*],feImage[*],feMerge[*],feMergeNode[*],feMorphology[*],feOffset[*],fePointLight[*],feSpecularLighting[*],feSpotLight[*],feTile[*],feTurbulence[*],filter[*],foreignObject[*],g[*],image[*],line[*],linearGradient[*],marker[*],mask[*],metadata[*],mpath[*],path[*],pattern[*],polygon[*],polyline[*],radialGradient[*],rect[*],set[*],stop[*],style[*],switch[*],symbol[*],text[*],textPath[*],title[*],tspan[*],use[*],view[*]

a[*] says that all attributes on the a tag should be allowed. This is probably not what you want to do, @Vinai?
opened by sprankhub 1
Make allowing

Provides powerful menu editor to replace category based menus in Magento 2

Magento 2 Menu Provides powerful menu editor to replace category based menus in Magento 2. Setup Create new menu in the admin area Content Elements

230 Nov 17, 2022

Maps Railroad Online Savegames to a SVG map

RailroadOnlineMapper @ian76g#6577 Environments DEV - https://zwackelmann.online/ QA - https://ohnezahn.online/ PROD - https://minizwerg.online/ Gettin

5 Jan 3, 2023

REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

8 Dec 15, 2022

REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

In order to use the Korean Language on your Magento 2 store, it is time to start with Magento 2 Korean Language Pack in the set of informative documentations by Mageplaza. Magento 2 Korean Language Package is published by Magento 2 Translation Project at Crowdin, so all phrases will be replaced by the Korean language according to the contribution to that project. Please following up the guides in this post to convert the language with ease!

Magento 2 Korean Language Pack In order to use the Korean Language on your Magento 2 store, it is time to start with Magento 2 Korean Language Pack in

4 Feb 22, 2022

Magento 2 Module to add simple image resizing capabilities in all blocks and .phtml templates

Magento 2 Image Resizer Magento 2 Module to add simple image resizing capabilities in all blocks and .phtml templates Installation $ composer require

88 Apr 18, 2022

This Magento extension provides a Real Full Page Caching for Magento powered by Varnish with support of Session-Based information caching (Cart, Customer Accounts, ...) via ESI includes

This Magento extension provides a Real Full Page Caching (FPC) for Magento powered by Varnish with support of Session-Based information caching (Cart, Customer Accounts, ...) via ESI includes

95 Feb 11, 2022

❄️ Magento 2 Snowflake module allow you to add snow and even more on your site and make winter fun.

6 Apr 30, 2022

This package is for updating your Laravel project via view without doing any command in the prompt, this package may be useful when you sell your project to multiple people as they will update without any intervention from you via a simple destination

Introduction : This package is for updating your Laravel project via view without doing any command in the prompt, this package may be useful when you

18 Aug 17, 2021

Allow SVG images to be used in Magento CMS blocks and pages via the TinyMCE Wysiwyg Editor.

Related tags

Overview

Hyvä Themes - SVG support for the Magento CMS Wysiwyg Editor

hyva-themes/magento2-wysiwyg-svg

Installation

Usage

Credits

License

You might also like...

Provides powerful menu editor to replace category based menus in Magento 2

Maps Railroad Online Savegames to a SVG map

REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

REDAXO-Addon mit nützlichen Methoden im Umgang mit dem Picture-Element, Responsive Bilder, SVG-Ausgabe, u.v.m.

Magento 2 Module to add simple image resizing capabilities in all blocks and .phtml templates

This Magento extension provides a Real Full Page Caching for Magento powered by Varnish with support of Session-Based information caching (Cart, Customer Accounts, ...) via ESI includes

❄️ Magento 2 Snowflake module allow you to add snow and even more on your site and make winter fun.

This package is for updating your Laravel project via view without doing any command in the prompt, this package may be useful when you sell your project to multiple people as they will update without any intervention from you via a simple destination

Comments

Link Elements Not Correctly Validated