@ckeditor/ckeditor5-html-embed 47.6.1 → 48.0.0-alpha.1

package/src/htmlembedui.js

@@ -1,73 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module html-embed/htmlembedui
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { IconHtml } from 'ckeditor5/src/icons.js';
-import { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';
-/**
- * The HTML embed UI plugin.
- */
-export class HtmlEmbedUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'HtmlEmbedUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const locale = editor.locale;
-        const t = locale.t;
-        // Add the `htmlEmbed` button to feature components.
-        editor.ui.componentFactory.add('htmlEmbed', () => {
-            const buttonView = this._createButton(ButtonView);
-            buttonView.set({
-                tooltip: true,
-                label: t('Insert HTML')
-            });
-            return buttonView;
-        });
-        editor.ui.componentFactory.add('menuBar:htmlEmbed', () => {
-            const buttonView = this._createButton(MenuBarMenuListItemButtonView);
-            buttonView.set({
-                label: t('HTML snippet')
-            });
-            return buttonView;
-        });
-    }
-    /**
-     * Creates a button for html embed command to use either in toolbar or in menu bar.
-     */
-    _createButton(ButtonClass) {
-        const editor = this.editor;
-        const command = editor.commands.get('htmlEmbed');
-        const view = new ButtonClass(editor.locale);
-        view.set({
-            icon: IconHtml
-        });
-        view.bind('isEnabled').to(command, 'isEnabled');
-        // Execute the command.
-        this.listenTo(view, 'execute', () => {
-            editor.execute('htmlEmbed');
-            editor.editing.view.focus();
-            const rawHtmlApi = editor.editing.view.document.selection
-                .getSelectedElement()
-                .getCustomProperty('rawHtmlApi');
-            rawHtmlApi.makeEditable();
-        });
-        return view;
-    }
-}

package/src/index.js

@@ -1,12 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module html-embed
- */
-export { HtmlEmbed } from './htmlembed.js';
-export { HtmlEmbedEditing } from './htmlembedediting.js';
-export { HtmlEmbedUI } from './htmlembedui.js';
-export { HtmlEmbedCommand } from './htmlembedcommand.js';
-import './augmentation.js';

package/theme/htmlembed.css

@@ -1,68 +0,0 @@
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-/* The feature container. */
-.ck-widget.raw-html-embed {
-	/* Give the embed some air. */
-	/* The first value should be equal to --ck-spacing-large variable if used in the editor context
-	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
-	margin: 0.9em auto;
-	position: relative;
-	display: flow-root;
-
-	/* Give the html embed some minimal width in the content to prevent them
-	from being "squashed" in tight spaces, e.g. in table cells (https://github.com/ckeditor/ckeditor5/issues/8331) */
-	min-width: 15em;
-
-	/* Don't inherit the style, e.g. when in a block quote. */
-	font-style: normal;
-
-	/* ----- Emebed label in the upper left corner ----------------------------------------------- */
-
-	&::before {
-		position: absolute;
-
-		/* Make sure the content does not cover the label. */
-		z-index: 1;
-	}
-
-	/* ----- Emebed internals --------------------------------------------------------------------- */
-
-	/* The switch mode button wrapper. */
-	& .raw-html-embed__buttons-wrapper {
-		position: absolute;
-		display: flex;
-		flex-direction: column;
-	}
-
-	& .raw-html-embed__preview {
-		position: relative;
-		overflow: hidden;
-		display: flex;
-	}
-
-	& .raw-html-embed__preview-content {
-		width: 100%;
-		position: relative;
-		margin: auto;
-
-		/* Gives spacing to the small renderable elements, so they always cover the placeholder. */
-		display: table;
-		border-collapse: separate;
-		border-spacing: 7px;
-	}
-
-	& .raw-html-embed__preview-placeholder {
-		position: absolute;
-		left: 0;
-		top: 0;
-		right: 0;
-		bottom: 0;
-
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-}