Отображение панели предварительного просмотра автоматически в разметке! редактор

Я использую разметку! в качестве редактора уценки (пример).

В настоящее время мне нужно нажать кнопку предварительного просмотра (зеленая галочка), чтобы отобразить панель предварительного просмотра.

Я хотел бы, чтобы предварительный просмотр отображался автоматически - как я могу этого добиться?


jquery markup markitup
person Alasdair    schedule 04.09.2009    source источник

Ответы (5)


arrow_upward
11
arrow_downward

У меня нет опыта работы с этим редактором, но

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

вызывается после загрузки редактора, кажется, делает то, что вы хотите.

person Mark    schedule 04.09.2009

arrow_upward
9
arrow_downward

На всякий случай кто-то еще следует принятому ответу и сталкивается с проблемами:

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

у меня сработало (а "mouseup" - нет). Возможно, они изменили поведение в новейшей версии markItUp! (v1.1.7)?

person Volker Rose    schedule 15.05.2010
comment
+1 сработало для меня, однако это работает только тогда, когда я добавляю «новый лайк», хотел бы видеть обновление для каждой ключевой записи. Придется исследовать, как это делается. - person Jakub; 03.04.2011
comment
Интересно, что trigger('mousedown') у меня не сработало, а trigger('mouseup') сработало. В файле разметки есть версия v 1.1.x. - person Timo Huovinen; 24.03.2014
comment
На 1.1.15 опять работает mouseup, а не mousedown. - person lubosdz; 25.09.2019

arrow_upward
3
arrow_downward

Ответ Марка сработал. Для полноты картины я добавил его код:

<script type="text/javascript" >
$(document).ready(function()    {
    $('#markdown').markItUp(myMarkdownSettings);
    $('a[title="Preview"]').trigger('mouseup');
});
</script>
person Alasdair    schedule 05.09.2009
comment
Обратите внимание, что этому ответу почти 4 года. Попробуйте ответ Волкера выше. Если это не сработает, попробуйте задать новый вопрос. - person Alasdair; 04.08.2013

arrow_upward
1
arrow_downward

Или вы можете сделать это, немного взломав его: в исходном файле добавьте

autoShowPreview: ложь,

как поле в объекте параметров, поэтому оно будет выглядеть так:

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 */ } ]
            };

Затем в конце документа около строки 610 есть вызов init(); функция. Вы можете изменить его следующим образом:

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

Вы всегда можете отключить его, если он не нужен, изменив нашу пользовательскую поддержку во время инициализации.

person azpublic    schedule 29.11.2012

arrow_upward
0
arrow_downward

В этой статье показано, как для выбора по заголовку («предварительный просмотр») в этом случае. Затем вы можете выбрать тег привязки ('a') с предварительным просмотром заголовка, а затем щелкнуть по нему.

Удачи,

Дэн

person Daniel Elliott    schedule 04.09.2009