Adding a custom image style
You can add a custom spark to the content images on your site by adding custom CSS classes similar to how you can add custom classes to text.
To add custom classes to the image editor toolbar, push the information to the
edy
configuration object in a imageStyles
option:<script>
window.edy = window.edy || [];
var options = {
name: 'Rounded',
classname: 'image-rounded'
};
edy.push(['imageStyles', options]);
</script>
The class is added to the
.image-container
element.Options
- name - (string) Name of the style, as it appears to the end user in the image editor toolbar.
- classname - (string) The class that is added to the image.