Viendo panel de vista previa automática en markitup! editor

Question

Estoy usando el markitup como un editor de rebajas ( ejemplo ).

Actualmente, tengo que pulsar el botón de vista previa (marca verde) para visualizar el panel de vista previa.

Me gustaría que la vista previa que se mostrará de forma automática -? ¿Cómo puedo lograr esto

Answer 1

No tengo experiencia con este editor, pero

$('a[title="Preview"]').trigger('mouseup');

llamada después carga el editor parece hacer lo que quiera.

Answer 2

Sólo en caso de cualquier otra persona está siguiendo la respuesta aceptada y se encuentra con problemas:

$('a[title="Preview"]').trigger('mousedown');

funcionado para mí (mientras 'mouseup' no lo hizo). Tal vez se cambió el comportamiento en la versión más reciente de markItUp! (v1.1.7)?

Answer 3

de

Marcos respuesta trabajó. En aras de la exhaustividad, aquí es donde he añadido el código:

<script type="text/javascript" >
$(document).ready(function()    {
    $('#markdown').markItUp(myMarkdownSettings);
    $('a[title="Preview"]').trigger('mouseup');
});
</script>

Answer 4

O bien, podría hacerlo por la piratería un poco: en el archivo de origen añadir

autoShowPreview: falso,

como un campo en el objeto opciones por lo que se verá así:

options = { id:                     '',
                nameSpace:              '',
                root:                   '',
                previewHandler:         false,
                previewInWindow:        '', // 'width=800, height=600, resizable=yes, scrollbars=yes'
                previewInElement:       '',
                previewAutoRefresh:     true,
                autoShowPreview :       true,  //custom option here : 
                previewPosition:        'after',
                previewTemplatePath:    '~/templates/preview.html',
                previewParser:          false,
                previewParserPath:      '',
                previewParserVar:       'data',
                resizeHandle:           true,
                beforeInsert:           '',
                afterInsert:            '',
                onEnter:                {},
                onShiftEnter:           {},
                onCtrlEnter:            {},
                onTab:                  {},
                markupSet:          [   { /* set */ } ]
            };

A continuación, cerca del final del documento alrededor de la línea 610 no es la llamada a la init (); función. Se puede cambiar de esta manera:

init();
if(options.autoShowPreview){
     preview();
     refreshPreview();
}

Siempre se puede desactivar si no es necesario, modificando nuestra prop personalizada en tiempo de inicialización.

Answer 5

Este artículo muestra cómo seleccionar por título ( 'vista previa') en este caso. A continuación, puede seleccionar la etiqueta de anclaje ( 'a') con el título de vista previa y haga clic en él.

Lo mejor de la suerte,

Dan