Как создать виджет «Редактор» внутри модального диалога?

Question

Я хочу создать экземпляр виджета «Правка» внутри модального диалога.Диалог отлично работает с элементом управления textarea, но после того, как я подключил Редактор, редактор не отображает свойство.

HTML

<div id="servicio-dialog" title="Servicio">
    <form id="servicio-dialog-form">
        <ul class="mm-simple">
            <li><label for="servicio-dialog-name">Categoria</label></li>
            <li><input type="text" id="servicio-dialog-name" value=""/></li>

            <li><label for="servicio-dialog-description">Descripcion</label></li>
            <li><textarea id="servicio-dialog-description"></textarea></li>
        </ul>
    </form>
</div>

JavaScript

$("#servicio-dialog").wijdialog({
    autoOpen: false,
    modal: true,
    resizable: false,
    width: 600,
    height: 480,
    buttons: [
        { text: 'Acceptar', click : mm_onDialogAcceptar},
        { text: 'Cancelar', click: mm_onDialogCancelar}
    ],
    captionButtons: {
        pin: { visible: false },
        refresh: { visible: false },
        toggle: { visible: false },
        minimize: { visible: false },
        maximize: { visible: false }
    }
});

$('#servicio-dialog-description').wijeditor({
    mode: 'simple'
});

Answer 1

Самый простой способ сделать это - инициализировать его после открытия диалога:

$("#servicio-dialog").wijdialog({
    autoOpen: false,
    modal: true,
    resizable: false,
    width: 600,
    height: 480,
    buttons: [
        { text: 'Acceptar', click : mm_onDialogAcceptar},
        { text: 'Cancelar', click: mm_onDialogCancelar}
    ],
    captionButtons: {
        pin: { visible: false },
        refresh: { visible: false },
        toggle: { visible: false },
        minimize: { visible: false },
        maximize: { visible: false }
    },
    open:function(){
        $('#servicio-dialog-description').wijeditor({
            mode: 'simple'
        });
    }
});