From d11254e0449ba639e3708a3937b44ec3cb11a2e2 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Thu, 13 Mar 2025 19:10:07 +0200 Subject: [PATCH] feat(admonitions): add custom icon --- .../ckeditor5-metadata.json | 2 +- .../ckeditor5-admonition/src/admonitionui.ts | 3 +- .../theme/icons/admonition.svg | 52 +++++++++++++++++++ 3 files changed, 55 insertions(+), 2 deletions(-) create mode 100644 packages/ckeditor5-admonition/theme/icons/admonition.svg diff --git a/packages/ckeditor5-admonition/ckeditor5-metadata.json b/packages/ckeditor5-admonition/ckeditor5-metadata.json index 2cf1d7a37..1061d38e2 100644 --- a/packages/ckeditor5-admonition/ckeditor5-metadata.json +++ b/packages/ckeditor5-admonition/ckeditor5-metadata.json @@ -10,7 +10,7 @@ { "type": "Button", "name": "admonition", - "iconPath": "@ckeditor/ckeditor5-core/theme/icons/quote.svg" + "iconPath": "theme/icons/admonition.svg" } ], "htmlOutput": [ diff --git a/packages/ckeditor5-admonition/src/admonitionui.ts b/packages/ckeditor5-admonition/src/admonitionui.ts index bdd44a26d..4f88c2cc1 100644 --- a/packages/ckeditor5-admonition/src/admonitionui.ts +++ b/packages/ckeditor5-admonition/src/admonitionui.ts @@ -11,6 +11,7 @@ import { Plugin, icons } from 'ckeditor5/src/core.js'; import { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js'; import '../theme/blockquote.css'; +import admonitionIcon from '../theme/icons/admonition.svg'; /** * The block quote UI plugin. @@ -66,7 +67,7 @@ export default class AdmonitionUI extends Plugin { view.set( { label: t( 'Admonition' ), - icon: icons.quote, + icon: admonitionIcon, isToggleable: true } ); diff --git a/packages/ckeditor5-admonition/theme/icons/admonition.svg b/packages/ckeditor5-admonition/theme/icons/admonition.svg new file mode 100644 index 000000000..0f497f8c6 --- /dev/null +++ b/packages/ckeditor5-admonition/theme/icons/admonition.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +