@ckeditor/ckeditor5-show-blocks 0.0.0-nightly-20260202.0 → 0.0.0-nightly-next-20260202.0

package/lang/translations/zh-cn.po

@@ -1,16 +0,0 @@
-# Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
-#
-# Want to contribute to this file? Submit your changes via a GitHub Pull Request.
-#
-# Check out the official contributor's guide:
-# https://ckeditor.com/docs/ckeditor5/latest/framework/guides/contributing/contributing.html
-#
-msgid ""
-msgstr ""
-"Language: zh_CN\n"
-"Plural-Forms: nplurals=1; plural=0;\n"
-"Content-Type: text/plain; charset=UTF-8\n"
-
-msgctxt "The label of the show blocks toolbar button."
-msgid "Show blocks"
-msgstr "显示区块"

package/lang/translations/zh.po

@@ -1,16 +0,0 @@
-# Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
-#
-# Want to contribute to this file? Submit your changes via a GitHub Pull Request.
-#
-# Check out the official contributor's guide:
-# https://ckeditor.com/docs/ckeditor5/latest/framework/guides/contributing/contributing.html
-#
-msgid ""
-msgstr ""
-"Language: zh_TW\n"
-"Plural-Forms: nplurals=1; plural=0;\n"
-"Content-Type: text/plain; charset=UTF-8\n"
-
-msgctxt "The label of the show blocks toolbar button."
-msgid "Show blocks"
-msgstr "顯示區塊"

package/src/augmentation.js

@@ -1,5 +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
- */
-export {};

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 show-blocks
- */
-export { ShowBlocks } from './showblocks.js';
-export { ShowBlocksCommand } from './showblockscommand.js';
-export { ShowBlocksEditing } from './showblocksediting.js';
-export { ShowBlocksUI } from './showblocksui.js';
-import './augmentation.js';

package/src/showblocks.js

@@ -1,35 +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 show-blocks/showblocks
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { ShowBlocksEditing } from './showblocksediting.js';
-import { ShowBlocksUI } from './showblocksui.js';
-/**
- * The show blocks feature.
- *
- * For a detailed overview, check the {@glink features/show-blocks Show blocks} feature guide.
- */
-export class ShowBlocks extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ShowBlocks';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [ShowBlocksEditing, ShowBlocksUI];
-    }
-}

package/src/showblockscommand.js

@@ -1,44 +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 show-blocks/showblockscommand
- */
-import { Command } from 'ckeditor5/src/core.js';
-/**
- * The show blocks command.
- *
- * Displays the HTML element names for content blocks.
- */
-export class ShowBlocksCommand extends Command {
-    /**
-     * @inheritDoc
-     */
-    constructor(editor) {
-        super(editor);
-        // It does not affect data so should be enabled in read-only mode.
-        this.affectsData = false;
-        this.value = false;
-    }
-    /**
-     * Toggles the visibility of content blocks.
-     */
-    execute() {
-        const CLASS_NAME = 'ck-show-blocks';
-        const view = this.editor.editing.view;
-        view.change(writer => {
-            // Multiroot support.
-            for (const root of view.document.roots) {
-                if (!root.hasClass(CLASS_NAME)) {
-                    writer.addClass(CLASS_NAME, root);
-                    this.value = true;
-                }
-                else {
-                    writer.removeClass(CLASS_NAME, root);
-                    this.value = false;
-                }
-            }
-        });
-    }
-}

package/src/showblocksediting.js

@@ -1,33 +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 show-blocks/showblocksediting
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { ShowBlocksCommand } from './showblockscommand.js';
-/**
- * The show blocks editing plugin.
- */
-export class ShowBlocksEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ShowBlocksEditing';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const { editor } = this;
-        editor.commands.add('showBlocks', new ShowBlocksCommand(editor));
-    }
-}

package/src/showblocksui.js

@@ -1,71 +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 show-blocks/showblocksui
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { IconShowBlocks } from 'ckeditor5/src/icons.js';
-import { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';
-import '../theme/showblocks.css';
-/**
- * The UI plugin of the show blocks feature.
- *
- * It registers the `'showBlocks'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
- * that toggles the visibility of the HTML element names of content blocks.
- */
-export class ShowBlocksUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ShowBlocksUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        editor.ui.componentFactory.add('showBlocks', () => {
-            const buttonView = this._createButton(ButtonView);
-            buttonView.set({
-                tooltip: true,
-                icon: IconShowBlocks
-            });
-            return buttonView;
-        });
-        editor.ui.componentFactory.add('menuBar:showBlocks', () => {
-            return this._createButton(MenuBarMenuListItemButtonView);
-        });
-    }
-    /**
-     * Creates a button for show blocks command to use either in toolbar or in menu bar.
-     */
-    _createButton(ButtonClass) {
-        const editor = this.editor;
-        const locale = editor.locale;
-        const command = editor.commands.get('showBlocks');
-        const view = new ButtonClass(locale);
-        const t = locale.t;
-        view.set({
-            label: t('Show blocks'),
-            isToggleable: true,
-            role: 'menuitemcheckbox'
-        });
-        view.bind('isEnabled').to(command);
-        view.bind('isOn').to(command, 'value', command, 'isEnabled', (value, isEnabled) => value && isEnabled);
-        // Execute the command.
-        this.listenTo(view, 'execute', () => {
-            editor.execute('showBlocks');
-            editor.editing.view.focus();
-        });
-        return view;
-    }
-}

package/theme/showblocks.css

@@ -1,131 +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
- */
-
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
-
-:root {
-	--ck-show-blocks-border-color: hsl(0, 0%, 46%);
-}
-
-@define-mixin block-name-background-ltr $text {
-	background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>$(text)</text></svg>");
-	background-position: 1px 1px;
-}
-
-@define-mixin block-name-background-rtl $text {
-	background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>$(text)</text></svg>");
-	background-position: calc(100% - 1px) 1px;
-}
-
-@define-mixin block-name-background $text {
-	background-repeat: no-repeat;
-	padding-top: 15px;
-
-	/* Fix for Multi-root editor
-	https://github.com/ckeditor/ckeditor5/issues/15969 */
-	[dir=ltr] & {
-		@mixin block-name-background-ltr $text;
-	}
-	[dir=rtl] & {
-		@mixin block-name-background-rtl $text;
-	}
-
-	&:not(.ck-widget_selected):not(.ck-widget:hover) {
-		outline: 1px dashed var(--ck-show-blocks-border-color);
-	}
-
-	@mixin ck-dir ltr {
-		@mixin block-name-background-ltr $text;
-	}
-	@mixin ck-dir rtl {
-		@mixin block-name-background-rtl $text;
-	}
-}
-
-.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) {
-	& address {
-		@mixin block-name-background ADDRESS;
-	}
-
-	& aside {
-		@mixin block-name-background ASIDE;
-	}
-
-	& blockquote {
-		@mixin block-name-background BLOCKQUOTE;
-	}
-
-	& details {
-		@mixin block-name-background DETAILS;
-	}
-
-	& div:not(.ck-widget, .ck-widget *) {
-		@mixin block-name-background DIV;
-	}
-
-	& footer {
-		@mixin block-name-background FOOTER;
-	}
-
-	& h1 {
-		@mixin block-name-background H1;
-	}
-
-	& h2 {
-		@mixin block-name-background H2;
-	}
-
-	& h3 {
-		@mixin block-name-background H3;
-	}
-
-	& h4 {
-		@mixin block-name-background H4;
-	}
-
-	& h5 {
-		@mixin block-name-background H5;
-	}
-
-	& h6 {
-		@mixin block-name-background H6;
-	}
-
-	& header {
-		@mixin block-name-background HEADER;
-	}
-
-	& main {
-		@mixin block-name-background MAIN;
-	}
-
-	& nav {
-		@mixin block-name-background NAV;
-	}
-
-	& pre {
-		@mixin block-name-background PRE;
-	}
-
-	& ol {
-		@mixin block-name-background OL;
-	}
-
-	& ul {
-		@mixin block-name-background UL;
-	}
-
-	& p {
-		@mixin block-name-background P;
-	}
-
-	& section {
-		@mixin block-name-background SECTION;
-	}
-
-	& :where(figure.image, figure.table) figcaption {
-		@mixin block-name-background FIGCAPTION;
-	}
-}