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

package/lang/translations/uz.po

@@ -1,40 +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: uz\n"
-"Plural-Forms: nplurals=2; plural=(n > 1);\n"
-"Content-Type: text/plain; charset=UTF-8\n"
-
-msgctxt "Toolbar button tooltip for the HTML embed feature."
-msgid "Insert HTML"
-msgstr "HTML kiritish"
-
-msgctxt "The HTML snippet."
-msgid "HTML snippet"
-msgstr "HTML snippet"
-
-msgctxt "A placeholder that will be displayed in the raw HTML textarea field."
-msgid "Paste raw HTML here..."
-msgstr "HTML kodini shu yerga joylashtiring..."
-
-msgctxt "A label of a button that switches the HTML embed to the source editing mode."
-msgid "Edit source"
-msgstr "Kodni o'zgartirish"
-
-msgctxt "A label of a button that saves the HTML embed content and navigates back to the preview."
-msgid "Save changes"
-msgstr "O'zgarishlarni saqlash"
-
-msgctxt "An information displayed in the HTML embed preview if the content is not previewable."
-msgid "No preview available"
-msgstr ""
-
-msgctxt "An information displayed in the HTML embed preview if the HTML snippet has no content."
-msgid "Empty snippet content"
-msgstr ""

package/lang/translations/vi.po

@@ -1,40 +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: vi\n"
-"Plural-Forms: nplurals=1; plural=0;\n"
-"Content-Type: text/plain; charset=UTF-8\n"
-
-msgctxt "Toolbar button tooltip for the HTML embed feature."
-msgid "Insert HTML"
-msgstr "Chèn HTML"
-
-msgctxt "The HTML snippet."
-msgid "HTML snippet"
-msgstr "Mẫu HTML"
-
-msgctxt "A placeholder that will be displayed in the raw HTML textarea field."
-msgid "Paste raw HTML here..."
-msgstr "Dán mã HTML nguyên bản tại đây..."
-
-msgctxt "A label of a button that switches the HTML embed to the source editing mode."
-msgid "Edit source"
-msgstr "Sửa nguồn"
-
-msgctxt "A label of a button that saves the HTML embed content and navigates back to the preview."
-msgid "Save changes"
-msgstr "Lưu thay đổi"
-
-msgctxt "An information displayed in the HTML embed preview if the content is not previewable."
-msgid "No preview available"
-msgstr "Không có sẵn bản xem trước"
-
-msgctxt "An information displayed in the HTML embed preview if the HTML snippet has no content."
-msgid "Empty snippet content"
-msgstr "Nội dung đoạn mã trống"

package/lang/translations/zh-cn.po

@@ -1,40 +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 "Toolbar button tooltip for the HTML embed feature."
-msgid "Insert HTML"
-msgstr "插入 HTML"
-
-msgctxt "The HTML snippet."
-msgid "HTML snippet"
-msgstr "HTML 代码片段"
-
-msgctxt "A placeholder that will be displayed in the raw HTML textarea field."
-msgid "Paste raw HTML here..."
-msgstr "在这里粘贴 HTML 源代码"
-
-msgctxt "A label of a button that switches the HTML embed to the source editing mode."
-msgid "Edit source"
-msgstr "编辑源代码"
-
-msgctxt "A label of a button that saves the HTML embed content and navigates back to the preview."
-msgid "Save changes"
-msgstr "保存更改"
-
-msgctxt "An information displayed in the HTML embed preview if the content is not previewable."
-msgid "No preview available"
-msgstr "预览不可用"
-
-msgctxt "An information displayed in the HTML embed preview if the HTML snippet has no content."
-msgid "Empty snippet content"
-msgstr "空片段内容"

package/lang/translations/zh.po

@@ -1,40 +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 "Toolbar button tooltip for the HTML embed feature."
-msgid "Insert HTML"
-msgstr "輸入HTML"
-
-msgctxt "The HTML snippet."
-msgid "HTML snippet"
-msgstr "HTML標籤"
-
-msgctxt "A placeholder that will be displayed in the raw HTML textarea field."
-msgid "Paste raw HTML here..."
-msgstr "在此貼上純HTML"
-
-msgctxt "A label of a button that switches the HTML embed to the source editing mode."
-msgid "Edit source"
-msgstr "編輯HTML"
-
-msgctxt "A label of a button that saves the HTML embed content and navigates back to the preview."
-msgid "Save changes"
-msgstr "儲存變更"
-
-msgctxt "An information displayed in the HTML embed preview if the content is not previewable."
-msgid "No preview available"
-msgstr "無法顯示預覽"
-
-msgctxt "An information displayed in the HTML embed preview if the HTML snippet has no content."
-msgid "Empty snippet content"
-msgstr "HTML標籤中無內容"

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/htmlembed.js

@@ -1,38 +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/htmlembed
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { Widget } from 'ckeditor5/src/widget.js';
-import { HtmlEmbedEditing } from './htmlembedediting.js';
-import { HtmlEmbedUI } from './htmlembedui.js';
-/**
- * The HTML embed feature.
- *
- * It allows inserting HTML snippets directly into the editor.
- *
- * For a detailed overview, check the {@glink features/html/html-embed HTML embed feature} documentation.
- */
-export class HtmlEmbed extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [HtmlEmbedEditing, HtmlEmbedUI, Widget];
-    }
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'HtmlEmbed';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-}

package/src/htmlembedcommand.js

@@ -1,95 +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
- */
-import { Command } from 'ckeditor5/src/core.js';
-import { findOptimalInsertionRange } from 'ckeditor5/src/widget.js';
-/**
- * The insert HTML embed element command.
- *
- * The command is registered by {@link module:html-embed/htmlembedediting~HtmlEmbedEditing} as `'htmlEmbed'`.
- *
- * To insert an empty HTML embed element at the current selection, execute the command:
- *
- * ```ts
- * editor.execute( 'htmlEmbed' );
- * ```
- *
- * You can specify the initial content of a new HTML embed in the argument:
- *
- * ```ts
- * editor.execute( 'htmlEmbed', '<b>Initial content.</b>' );
- * ```
- *
- * To update the content of the HTML embed, select it in the model and pass the content in the argument:
- *
- * ```ts
- * editor.execute( 'htmlEmbed', '<b>New content of an existing embed.</b>' );
- * ```
- */
-export class HtmlEmbedCommand extends Command {
-    /**
-     * @inheritDoc
-     */
-    refresh() {
-        const model = this.editor.model;
-        const schema = model.schema;
-        const selection = model.document.selection;
-        const selectedRawHtmlElement = getSelectedRawHtmlModelWidget(selection);
-        this.isEnabled = isHtmlEmbedAllowedInParent(selection, schema, model);
-        this.value = selectedRawHtmlElement ? selectedRawHtmlElement.getAttribute('value') || '' : null;
-    }
-    /**
-     * Executes the command, which either:
-     *
-     * * creates and inserts a new HTML embed element if none was selected,
-     * * updates the content of the HTML embed if one was selected.
-     *
-     * @fires execute
-     * @param value When passed, the value (content) will be set on a new embed or a selected one.
-     */
-    execute(value) {
-        const model = this.editor.model;
-        const selection = model.document.selection;
-        model.change(writer => {
-            let htmlEmbedElement;
-            // If the command has a non-null value, there must be some HTML embed selected in the model.
-            if (this.value !== null) {
-                htmlEmbedElement = getSelectedRawHtmlModelWidget(selection);
-            }
-            else {
-                htmlEmbedElement = writer.createElement('rawHtml');
-                model.insertObject(htmlEmbedElement, null, null, { setSelection: 'on' });
-            }
-            writer.setAttribute('value', value, htmlEmbedElement);
-        });
-    }
-}
-/**
- * Checks if an HTML embed is allowed by the schema in the optimal insertion parent.
- */
-function isHtmlEmbedAllowedInParent(selection, schema, model) {
-    const parent = getInsertHtmlEmbedParent(selection, model);
-    return schema.checkChild(parent, 'rawHtml');
-}
-/**
- * Returns a node that will be used to insert a html embed with `model.insertContent` to check if a html embed element can be placed there.
- */
-function getInsertHtmlEmbedParent(selection, model) {
-    const insertionRange = findOptimalInsertionRange(selection, model);
-    const parent = insertionRange.start.parent;
-    if (parent.isEmpty && !parent.is('rootElement')) {
-        return parent.parent;
-    }
-    return parent;
-}
-/**
- * Returns the selected HTML embed element in the model, if any.
- */
-function getSelectedRawHtmlModelWidget(selection) {
-    const selectedElement = selection.getSelectedElement();
-    if (selectedElement && selectedElement.is('element', 'rawHtml')) {
-        return selectedElement;
-    }
-    return null;
-}

package/src/htmlembedconfig.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/htmlembedediting.js

@@ -1,347 +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/htmlembedediting
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { ButtonView } from 'ckeditor5/src/ui.js';
-import { toWidget } from 'ckeditor5/src/widget.js';
-import { logWarning, createElement } from 'ckeditor5/src/utils.js';
-import { IconCancel, IconCheck, IconPencil } from 'ckeditor5/src/icons.js';
-import { HtmlEmbedCommand } from './htmlembedcommand.js';
-import '../theme/htmlembed.css';
-/**
- * The HTML embed editing feature.
- */
-export class HtmlEmbedEditing extends Plugin {
-    /**
-     * Keeps references to {@link module:ui/button/buttonview~ButtonView edit, save, and cancel} button instances created for
-     * each widget so they can be destroyed if they are no longer in DOM after the editing view was re-rendered.
-     */
-    _widgetButtonViewReferences = new Set();
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'HtmlEmbedEditing';
-    }
-    /**
-     * @inheritDoc
-     * @internal
-     */
-    static get licenseFeatureCode() {
-        return 'HE';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isPremiumPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    constructor(editor) {
-        super(editor);
-        editor.config.define('htmlEmbed', {
-            showPreviews: false,
-            sanitizeHtml: rawHtml => {
-                /**
-                 * When using the HTML embed feature with the `config.htmlEmbed.showPreviews` set to `true`, it is strongly recommended to
-                 * define a sanitize function that will clean up the input HTML in order to avoid XSS vulnerability.
-                 *
-                 * For a detailed overview, check the {@glink features/html/html-embed HTML embed feature} documentation.
-                 *
-                 * @error html-embed-provide-sanitize-function
-                 */
-                logWarning('html-embed-provide-sanitize-function');
-                return {
-                    html: rawHtml,
-                    hasChanged: false
-                };
-            }
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const schema = editor.model.schema;
-        schema.register('rawHtml', {
-            inheritAllFrom: '$blockObject',
-            allowAttributes: ['value']
-        });
-        editor.commands.add('htmlEmbed', new HtmlEmbedCommand(editor));
-        this._setupConversion();
-    }
-    /**
-     * Prepares converters for the feature.
-     */
-    _setupConversion() {
-        const editor = this.editor;
-        const t = editor.t;
-        const view = editor.editing.view;
-        const widgetButtonViewReferences = this._widgetButtonViewReferences;
-        const htmlEmbedConfig = editor.config.get('htmlEmbed');
-        // Destroy UI buttons created for widgets that have been removed from the view document (e.g. in the previous conversion).
-        // This prevents unexpected memory leaks from UI views.
-        this.editor.editing.view.on('render', () => {
-            for (const buttonView of widgetButtonViewReferences) {
-                if (buttonView.element && buttonView.element.isConnected) {
-                    return;
-                }
-                buttonView.destroy();
-                widgetButtonViewReferences.delete(buttonView);
-            }
-        }, { priority: 'lowest' });
-        // Register div.raw-html-embed as a raw content element so all of it's content will be provided
-        // as a view element's custom property while data upcasting.
-        editor.data.registerRawContentMatcher({
-            name: 'div',
-            classes: 'raw-html-embed'
-        });
-        editor.conversion.for('upcast').elementToElement({
-            view: {
-                name: 'div',
-                classes: 'raw-html-embed'
-            },
-            model: (viewElement, { writer }) => {
-                // The div.raw-html-embed is registered as a raw content element,
-                // so all it's content is available in a custom property.
-                return writer.createElement('rawHtml', {
-                    value: viewElement.getCustomProperty('$rawContent')
-                });
-            }
-        });
-        editor.conversion.for('dataDowncast').elementToElement({
-            model: 'rawHtml',
-            view: (modelElement, { writer }) => {
-                return writer.createRawElement('div', { class: 'raw-html-embed' }, function (domElement) {
-                    domElement.innerHTML = modelElement.getAttribute('value') || '';
-                });
-            }
-        });
-        editor.conversion.for('editingDowncast').elementToStructure({
-            model: { name: 'rawHtml', attributes: ['value'] },
-            view: (modelElement, { writer }) => {
-                let domContentWrapper;
-                let state;
-                let props;
-                const viewContentWrapper = writer.createRawElement('div', {
-                    class: 'raw-html-embed__content-wrapper'
-                }, function (domElement) {
-                    domContentWrapper = domElement;
-                    renderContent({ editor, domElement, state, props });
-                    // Since there is a `data-cke-ignore-events` attribute set on the wrapper element in the editable mode,
-                    // the explicit `mousedown` handler on the `capture` phase is needed to move the selection onto the whole
-                    // HTML embed widget.
-                    domContentWrapper.addEventListener('mousedown', () => {
-                        if (state.isEditable) {
-                            const model = editor.model;
-                            const selectedElement = model.document.selection.getSelectedElement();
-                            // Move the selection onto the whole HTML embed widget if it's currently not selected.
-                            if (selectedElement !== modelElement) {
-                                model.change(writer => writer.setSelection(modelElement, 'on'));
-                            }
-                        }
-                    }, true);
-                });
-                // API exposed on each raw HTML embed widget so other features can control a particular widget.
-                const rawHtmlApi = {
-                    makeEditable() {
-                        state = Object.assign({}, state, {
-                            isEditable: true
-                        });
-                        renderContent({ domElement: domContentWrapper, editor, state, props });
-                        view.change(writer => {
-                            writer.setAttribute('data-cke-ignore-events', 'true', viewContentWrapper);
-                        });
-                        // This could be potentially pulled to a separate method called focusTextarea().
-                        domContentWrapper.querySelector('textarea').focus();
-                    },
-                    save(newValue) {
-                        // If the value didn't change, we just cancel. If it changed,
-                        // it's enough to update the model – the entire widget will be reconverted.
-                        if (newValue !== state.getRawHtmlValue()) {
-                            editor.execute('htmlEmbed', newValue);
-                            editor.editing.view.focus();
-                        }
-                        else {
-                            this.cancel();
-                        }
-                    },
-                    cancel() {
-                        state = Object.assign({}, state, {
-                            isEditable: false
-                        });
-                        renderContent({ domElement: domContentWrapper, editor, state, props });
-                        editor.editing.view.focus();
-                        view.change(writer => {
-                            writer.removeAttribute('data-cke-ignore-events', viewContentWrapper);
-                        });
-                    }
-                };
-                state = {
-                    showPreviews: htmlEmbedConfig.showPreviews,
-                    isEditable: false,
-                    getRawHtmlValue: () => modelElement.getAttribute('value') || ''
-                };
-                props = {
-                    sanitizeHtml: htmlEmbedConfig.sanitizeHtml,
-                    textareaPlaceholder: t('Paste raw HTML here...'),
-                    onEditClick() {
-                        rawHtmlApi.makeEditable();
-                    },
-                    onSaveClick(newValue) {
-                        rawHtmlApi.save(newValue);
-                    },
-                    onCancelClick() {
-                        rawHtmlApi.cancel();
-                    }
-                };
-                const viewContainer = writer.createContainerElement('div', {
-                    class: 'raw-html-embed',
-                    'data-html-embed-label': t('HTML snippet'),
-                    dir: editor.locale.uiLanguageDirection
-                }, viewContentWrapper);
-                writer.setCustomProperty('rawHtmlApi', rawHtmlApi, viewContainer);
-                writer.setCustomProperty('rawHtml', true, viewContainer);
-                return toWidget(viewContainer, writer, {
-                    label: t('HTML snippet'),
-                    hasSelectionHandle: true
-                });
-            }
-        });
-        function renderContent({ editor, domElement, state, props }) {
-            // Remove all children;
-            domElement.textContent = '';
-            const domDocument = domElement.ownerDocument;
-            let domTextarea;
-            if (state.isEditable) {
-                const textareaProps = {
-                    isDisabled: false,
-                    placeholder: props.textareaPlaceholder
-                };
-                domTextarea = createDomTextarea({ domDocument, state, props: textareaProps });
-                domElement.append(domTextarea);
-            }
-            else if (state.showPreviews) {
-                const previewContainerProps = {
-                    sanitizeHtml: props.sanitizeHtml
-                };
-                domElement.append(createPreviewContainer({ domDocument, state, props: previewContainerProps, editor }));
-            }
-            else {
-                const textareaProps = {
-                    isDisabled: true,
-                    placeholder: props.textareaPlaceholder
-                };
-                domElement.append(createDomTextarea({ domDocument, state, props: textareaProps }));
-            }
-            const buttonsWrapperProps = {
-                onEditClick: props.onEditClick,
-                onSaveClick: () => {
-                    props.onSaveClick(domTextarea.value);
-                },
-                onCancelClick: props.onCancelClick
-            };
-            domElement.prepend(createDomButtonsWrapper({ editor, domDocument, state, props: buttonsWrapperProps }));
-        }
-        function createDomButtonsWrapper({ editor, domDocument, state, props }) {
-            const domButtonsWrapper = createElement(domDocument, 'div', {
-                class: 'raw-html-embed__buttons-wrapper'
-            });
-            if (state.isEditable) {
-                const saveButtonView = createUIButton(editor, 'save', props.onSaveClick);
-                const cancelButtonView = createUIButton(editor, 'cancel', props.onCancelClick);
-                domButtonsWrapper.append(saveButtonView.element, cancelButtonView.element);
-                widgetButtonViewReferences.add(saveButtonView).add(cancelButtonView);
-            }
-            else {
-                const editButtonView = createUIButton(editor, 'edit', props.onEditClick);
-                domButtonsWrapper.append(editButtonView.element);
-                widgetButtonViewReferences.add(editButtonView);
-            }
-            return domButtonsWrapper;
-        }
-        function createDomTextarea({ domDocument, state, props }) {
-            const domTextarea = createElement(domDocument, 'textarea', {
-                placeholder: props.placeholder,
-                class: 'ck ck-reset ck-input ck-input-text raw-html-embed__source'
-            });
-            domTextarea.disabled = props.isDisabled;
-            domTextarea.value = state.getRawHtmlValue();
-            return domTextarea;
-        }
-        function createPreviewContainer({ editor, domDocument, state, props }) {
-            const sanitizedOutput = props.sanitizeHtml(state.getRawHtmlValue());
-            const placeholderText = state.getRawHtmlValue().length > 0 ?
-                t('No preview available') :
-                t('Empty snippet content');
-            const domPreviewPlaceholder = createElement(domDocument, 'div', {
-                class: 'ck ck-reset_all raw-html-embed__preview-placeholder'
-            }, placeholderText);
-            const domPreviewContent = createElement(domDocument, 'div', {
-                class: 'raw-html-embed__preview-content',
-                dir: editor.locale.contentLanguageDirection
-            });
-            // Creating a contextual document fragment allows executing scripts when inserting into the preview element.
-            // See: #8326.
-            const domRange = domDocument.createRange();
-            const domDocumentFragment = domRange.createContextualFragment(sanitizedOutput.html);
-            domPreviewContent.appendChild(domDocumentFragment);
-            const domPreviewContainer = createElement(domDocument, 'div', {
-                class: 'raw-html-embed__preview'
-            }, [
-                domPreviewPlaceholder, domPreviewContent
-            ]);
-            return domPreviewContainer;
-        }
-    }
-}
-/**
- * Returns a UI button view that can be used in conversion.
- */
-function createUIButton(editor, type, onClick) {
-    const { t } = editor.locale;
-    const buttonView = new ButtonView(editor.locale);
-    const command = editor.commands.get('htmlEmbed');
-    buttonView.set({
-        class: `raw-html-embed__${type}-button`,
-        icon: IconPencil,
-        tooltip: true,
-        tooltipPosition: editor.locale.uiLanguageDirection === 'rtl' ? 'e' : 'w'
-    });
-    buttonView.render();
-    if (type === 'edit') {
-        buttonView.set({
-            icon: IconPencil,
-            label: t('Edit source')
-        });
-        buttonView.bind('isEnabled').to(command);
-    }
-    else if (type === 'save') {
-        buttonView.set({
-            icon: IconCheck,
-            label: t('Save changes')
-        });
-        buttonView.bind('isEnabled').to(command);
-    }
-    else {
-        buttonView.set({
-            icon: IconCancel,
-            label: t('Cancel')
-        });
-    }
-    buttonView.on('execute', onClick);
-    return buttonView;
-}