FormBuilder: Wysiwyg Editor Fehler

Fabi_995 · Nov 6th 2021

Hallo,

bei der Verwendung des FormBuilders für Mehrsprachige Inhalte mit dem wysiwygFormField stoße ich auf ein Problem wenn ich diesen nur einsprachig habe.

Uncaught Error: Only `<textarea>` types are allowed.

PHP

if ($this->isMultilingual) {
            $tabContainer = TabMenuFormContainer::create('data');

            foreach ($this->availableLanguages as $language) {
                $dataTab = TabFormContainer::create($language->languageName)
                    ->label($language->languageName);
                $tabContainer->appendChild($dataTab);
                $dataContainer = FormContainer::create($language->countryCode);
                $dataTab->appendChild($dataContainer);

                $dataContainer->appendChildren([
                    TitleFormField::create($language->countryCode.'-title')
                        ->required()
                        ->autoFocus()
                        ->maximumLength(255),
                    WysiwygFormField::create($language->countryCode.'-content')
                        ->label('wcf.acp.user.sendMail.text')
                        ->objectType('de.fabihome.wsc.test.content')
                        ->required()
                ]);
            }
        } else {
            $tabContainer = FormContainer::create('data')
                ->appendChildren([
                    TitleFormField::create('title')
                        ->required()
                        ->autoFocus()
                        ->maximumLength(255),
                    WysiwygFormField::create('content')
                        ->label('wcf.acp.user.sendMail.text')
                        ->objectType('de.fabihome.wsc.test.content')
                        ->required()
                ]);
        }

Display More

Im Mehrsprachigen Teil keine Probleme, nur im einsprachigen. Was mach ich falsch?

~LG Fabi

ilou · Nov 6th 2021

Wie in der Dokumentation steht, soll man das WysiwygFormField nicht direkt nutzen, sondern den WysiwygFormContainer. Ich bin damals auf Ähnliche Probleme gestoßen und nach dem Wechsel auf den WysiwygFormContainer passt alles.

Fabi_995 · Nov 6th 2021

Danke, aber mit WysiwygFormContainer kommt der gleiche Fehler in der einsprachigen Abfrage.

xDeraiser · Nov 7th 2021

Ich habe in ein altes Projekt dies auch in der Richtung wie bei Dir gemacht.
Und dies hatte gut funktioniert.

Jedoch war es hier noch zu WSC 5.2 Zeiten..
Aber sollte noch in der aktuellen Version passen.

PHP

// description tab
        $descriptionTab = TabTabMenuFormContainer::create('descriptionTab');
        $descriptionTab->label('shop.acp.product.description');
        $tabMenu->appendChild($descriptionTab);
        if (!$this->isMultilingual) {
            $descriptionContainer = FormContainer::create('desciption')
                    ->appendChildren([
                ProductPreviewImageUploadFormField::create('previewImage')
                ->label('shop.acp.product.previewImage')
                ->description('shop.acp.product.previewImage.description', [
                    'height' => Product::PREVIEW_IMAGE_HEIGHT,
                    'width' => Product::PREVIEW_IMAGE_WIDTH
                ]),
                TitleFormField::create()
                ->maximumLength(255)
                ->required(),
                TagFormField::create()
                ->objectType('info.daries.shop.product')
                ->available(MODULE_TAGGING),
                MultilineTextFormField::create('teaser')
                ->label('shop.acp.product.teaser')
                ->rows(3)
                ->required(),
                WysiwygFormField::create('contents')
                ->label('shop.acp.product.content')
                ->objectType('info.daries.shop.product.content')
                ->required()
            ]);
            $descriptionTab->appendChild($descriptionContainer);
        } else {
            foreach (LanguageFactory::getInstance()->getLanguages() as $language) {
                $languageTab = TabFormContainer::create('languageTab' . $language->languageID);
                $languageTab->label($language->languageName);
                $descriptionTab->appendChild($languageTab);

                $descriptionContainer = FormContainer::create('desciption' . $language->languageID)
                        ->appendChildren([
                    ProductPreviewImageUploadFormField::create('previewImage_' . $language->languageID)
                    ->label('shop.acp.product.previewImage')
                    ->description('shop.acp.product.previewImage.description', [
                        'height' => Product::PREVIEW_IMAGE_HEIGHT,
                        'width' => Product::PREVIEW_IMAGE_WIDTH
                    ]),
                    TitleFormField::create('title_' . $language->languageID)
                    ->maximumLength(255)
                    ->required(),
                    TagFormField::create('tags_' . $language->languageID)
                    ->objectType('info.daries.shop.product')
                    ->available(MODULE_TAGGING),
                    MultilineTextFormField::create('teaser_' . $language->languageID)
                    ->label('shop.acp.product.teaser')
                    ->rows(3)
                    ->required(),
                    WysiwygFormField::create('contents_' . $language->languageID)
                    ->label('shop.acp.product.content')
                    ->objectType('info.daries.shop.product.content')
                    ->required()
                ]);
                $languageTab->appendChild($descriptionContainer);
            }
        }

Display More

gn5VmUKCtv6ekrMf · Nov 7th 2021

Quote from Fabi_995

Danke, aber mit WysiwygFormContainer kommt der gleiche Fehler in der einsprachigen Abfrage.

Zeig uns mal den Code bitte.

Ich verwende zwar keine Tabs dafür, weil Tabs in Tabs dann auch wieder nicht geht, aber das Feld verwende ich zur Genüge mehrmals in Formularen.

Fabi_995 · Nov 7th 2021

Hi xDeraiser ,

wenn ich deins mit meinem vergleiche ist da eigentlich auf dem ersten Blick kaum ein unterschied (funktional). Mich interessiert jedoch trotzdem was die Ursache des Problems ist um das Ganze zu verstehen.

Ist nicht böse gemeint, aber durch copy & paste ist nicht immer alles verstanden.

gn5VmUKCtv6ekrMf gerade nicht am PC, aber im Grunde wie ganz oben nur statt WysiwygFormField - WysiwygFormContainer und statt objectType - messageObjectType

Bei WysiwygFormContainer kommen jedoch auch entsprechend der installierten Sprachen auch entsprechend viele Vorschau-Buttons was eher doof ist.

ilou · Nov 7th 2021

Quote from Fabi_995

MysteryCode gerade nicht am PC, aber im Grunde wie ganz oben nur statt WysiwygFormField - WysiwygFormContainer und statt objectType - messageObjectType

Bei WysiwygFormContainer kommen jedoch auch entsprechend der installierten Sprachen auch entsprechend viele Vorschau-Buttons was eher doof ist.

Wusste gar nicht, dass man in FormContainer neue FormContainer als children hinzufügen kann. Habs aber gerade ausprobiert, das funktioniert wohl soweit.

Um die Vorschau-Buttons zu deaktivieren, kann man die Funktion enablePreviewButton($enablePreviewButton) im WysiwygFormContainer verwenden.

gn5VmUKCtv6ekrMf · Nov 7th 2021

Quote from ilou

Wusste gar nicht, dass man in FormContainer neue FormContainer als children hinzufügen kann. Habs aber gerade ausprobiert, das funktioniert wohl soweit.

Das kannst du ewig ineinander verschachteln.

Nur mit spezifischen Containern wie dem Tab-Zeug oder Wysiwyg geht das nicht.

Folgendes tut bei mir:

PHP

        if ($isMultilingual) {
            $languageTabs = [];
            foreach (LanguageFactory::getInstance()->getLanguages() as $language) {
                $languageTabs[$language->languageName] = TabFormContainer::create($language->languageName)
                    ->label($language->languageName)
                    ->appendChildren([
                        FormContainer::create($language->countryCode)
                            ->appendChildren([
                                TitleFormField::create($language->countryCode.'-title')
                                    ->required()
                                    ->autoFocus()
                                    ->maximumLength(255),
                            ]),
                        WysiwygFormContainer::create($language->countryCode . '-content')
                            ->label('wcf.acp.user.sendMail.text')
                            ->messageObjectType('de.fabihome.wsc.test.content')
                            ->supportSmilies()
                            ->enablePreviewButton(false)
                            ->required(),
                    ]);
            }
            
            $this->form->appendChild(
                TabMenuFormContainer::create('test')
                    ->appendChildren($languageTabs)
            );
        }
        else {
            $this->form->appendChildren([
                FormContainer::create('fields')
                    ->appendChildren([
                        TitleFormField::create('title')
                            ->required()
                            ->autoFocus()
                            ->maximumLength(255),
                    ]),
                WysiwygFormContainer::create('content')
                    ->label('wcf.acp.user.sendMail.text')
                    ->messageObjectType('de.fabihome.wsc.test.content')
                    ->supportSmilies()
                    ->enablePreviewButton(false)
                    ->required(),
            ]);
        }

Display More

Einsprachig:

Mehrsprachig:

PS: Alternativ nutzt man sowas hier, das sich konsistent zu normalen I18n-Feldern verhält:

PHP

        $descriptionContainer = I18nWysiwygFormContainer::create('')
            ->messageObjectType('')
            ->label('')
            ->description('')
            ->supportSmilies(false)
            ->languageItemPattern('')
            ->required();
        if (MODULE_ATTACHMENT) {
            $descriptionContainer->attachmentData('');
        }

Fabi_995 · Nov 7th 2021

Genau das gleiche Problem hab ich auch wie auf deinen Bildern gezeigt. Der einsprachige Editor ist quasi nicht vorhanden.

Quote from MysteryCode

PS: Alternativ nutzt man sowas hier, das sich konsistent zu normalen I18n-Feldern verhält:

Schön und gut, nur gibt es diesen ja nicht im Standard ...

Darum mache ich es so wie es bei Artikeln auch ist - über Tabs. Nur möchte ich auf den FormBuilder zurück greifen.

gn5VmUKCtv6ekrMf · Nov 7th 2021

Nutze mal einen anderen Identifier als content. Das dürfte ein Bug sein.

Fabi_995 · Nov 7th 2021

gn5VmUKCtv6ekrMf · Nov 7th 2021

Nachtrag: Kein Bug, sondern logische Beschränkung, da es einen content-div gibt. Du kannst natürlich keine Felder erstellen, deren ID es bereits auf der Seite gibt.

Fabi_995 · Nov 7th 2021

Ok, das macht sinn. Ich danke dir!

Was mir nur nicht gefällt am wysiwygFormContainer, dass es so an TitleFormField "gequetscht" ist

PHP

        } else {
            $dataContainer = FormContainer::create('data')
                ->appendChildren([
                    TitleFormField::create('title')
                        ->required()
                        ->autoFocus()
                        ->maximumLength(255),
                    WysiwygFormContainer::create('contents')
                        ->label('wcf.acp.user.sendMail.text')
                        ->messageObjectType('de.fabihome.wsc.test.content')
                        ->required()
                        ->enablePreviewButton(false)
                ]);
        }

Display More

gn5VmUKCtv6ekrMf · Nov 7th 2021

Quote from Fabi_995

Was mir nur nicht gefällt am wysiwygFormContainer, dass es so an TitleFormField "gequetscht" ist

TitleFormField ist ein Feld und sollte in einen FormContainer, WysiwygFormContainer hingegen ist selbst schon ein Container.

Dazu hatte ich mal ein Thema erstellt; WoltLab wird den Abstand aber nicht anpassen: FormContainer in FormContainer direkt unter Field auf gleicher Ebene ohne Abstand

Fabi_995 · Nov 7th 2021

Quote from MysteryCode

WoltLab wird den Abstand aber nicht anpassen.

Das heißt, selbst per css nachhelfen.

FormBuilder: Wysiwyg Editor Fehler

Participate now!

Share

Similar Threads

Update: WoltLab Suite 5.4.6 / 5.3.13 / 5.2.15 / 3.1.23

Attachment über FormBuilder verwenden

Deaktivierte Smiley-Kategorien werden im FormBuilder WYSIWYG-Field angezeigt und führen zu Fehlermeldung

Fehler im Editor im Zusammenhang mit dem <hr>-Element