TinyMCE-Textbereich in modaler Form

Lesezeit: 1 Minute

Benutzer-Avatar
MakoBuk

Ich versuche, ein Formular mit einigen gemeinsamen Eingaben zu erstellen

<input type="text">

Jetzt muss ich wegen mehr Texteingabe eine Textbereichseingabe erstellen

<textarea>

Ich habe dazu keinen Beitrag gefunden. Mein Code ist unten. Danke für Ratschläge.

function(editor, type, name) {
    editor.windowManager.open( {
        title: 'Advert type: ' + name,
        body: [
        {
            type: 'textbox',
            name: 'target',
            label: 'Target',
            autofocus: true
        },
        {
            type: 'checkbox',
            name: 'blank',
            checked: true,
            label: 'Open in new tab'
        },
        {
            type: 'textbox',
            name: 'text',
            label: 'Main text',
            minWidth: '600',
        },
        {
            type: 'listbox',
            name: 'align',
            label: 'Text align',
            maxWidth: 100,
            values: [
                {
                    text: 'Left',
                    value: 'left',
                    icon: 'icon dashicons-align-left'
                },
                {
                    text: Right',
                    value: 'right',
                    icon: 'icon dashicons-align-right'
                },
                {
                    text: 'Cenetr',
                    value: 'center',
                    icon: 'icon dashicons-align-center'}
            ]
                }
        ],
        onsubmit: function(e) {
            editor.insertContent('[widget widget_name="TinyMCEAdvWidget" type="' + type + '" target="' + makeTarget(e.data.target) + '" blank="' + e.data.blank + '" text="' + e.data.text + '" align="' + e.data.align + '"]');
        }
    });
}

Ich möchte den Haupttext als anzeigen Textbereich Spalte=3.

das gleiche Problem hatte, können Sie das folgende Beispiel verwenden:

{
  type: 'textbox',
  multiline: true
}

1359230cookie-checkTinyMCE-Textbereich in modaler Form

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy