The viewer and designer can be linked into one edit-and-preview flow: a Design button opens the designer, and Exit returns to the viewer.

Switch component by action. One page serves both, chosen by a query parameter:
if ($action == 'design') {
    $component = new StiDesigner();
    $component->onExit = 'designerExit';
    $component->options->toolbar->showFileMenuExit = true;
}
else {
    $component = new StiViewer();
    $component->onDesignReport = 'viewerDesign';
    $component->options->toolbar->showDesignButton = true;
}
$component->report = $report;
Redirect between the two in JavaScript.
function viewerDesign(args) { window.location.href = '?action=design'; }
function designerExit(args) { window.location.href = '?action=view'; }

How it works. A single script toggles between viewer and designer by query string, so users move seamlessly from preview to editing and back.

Используя этот сайт, вы соглашаетесь на использование файлов Cookie для аналитики и персонализированного контента. Файлы Cookie хранят полезную информацию на вашем компьютере, чтобы помочь нам повысить эффективность и удобство использования. Для получения дополнительной информации, пожалуйста, прочтите Конфиденциальность и Использование Cookie.