mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-25 06:46:26 +00:00
a3295f0939
Objectives: * Hamburger menu in actions area of toolbar * Add tools that open specific pages in the meta dialog * Fix support for using setPage in ve.ui.PagedOutlineLayout * Allow passing setup config objects through window open calls * Add dialog action, similar to inspector action * Fix incorrect or missing documentation Change-Id: I2d2c9b87554fb2a0c90ed6944a58b38a37efa712
507 lines
24 KiB
PHP
507 lines
24 KiB
PHP
<?php
|
|
/**
|
|
* VisualEditor standalone demo
|
|
*
|
|
* @file
|
|
* @ingroup Extensions
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
$path = __DIR__ . '/pages';
|
|
$pages = glob( $path . '/*.html' );
|
|
$page = current( $pages );
|
|
if ( isset( $_GET['page'] ) && in_array( $path . '/' . $_GET['page'] . '.html', $pages ) ) {
|
|
$page = $path . '/' . $_GET['page'] . '.html';
|
|
}
|
|
$html = file_get_contents( $page );
|
|
|
|
?>
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>VisualEditor Standalone Demo</title>
|
|
|
|
<!-- Generated by maintenance/makeStaticLoader.php -->
|
|
<!-- oojs-ui -->
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Dialog.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Element.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Frame.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Inspector.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Layout.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Tool.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Toolbar.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.ToolGroup.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Widget.css">
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Window.css">
|
|
<!-- ext.visualEditor.base#standalone-init -->
|
|
<link rel=stylesheet href="../../modules/ve/init/sa/styles/ve.init.sa.css">
|
|
<script>
|
|
if (
|
|
document.createElementNS &&
|
|
document.createElementNS( 'http://www.w3.org/2000/svg', 'svg' ).createSVGRect
|
|
) {
|
|
document.write(
|
|
'<link rel="stylesheet" ' +
|
|
'href="../../modules/oojs-ui/styles/OO.ui.Icons-vector.css">' +
|
|
'<link rel="stylesheet" ' +
|
|
'href="../../modules/ve/ui/styles/ve.ui.Icons-vector.css">'
|
|
);
|
|
} else {
|
|
document.write(
|
|
'<link rel="stylesheet" ' +
|
|
'href="../../modules/oojs-ui/styles/OO.ui.Icons-raster.css">' +
|
|
'<link rel="stylesheet" ' +
|
|
'href="../../modules/ve/ui/styles/ve.ui.Icons-raster.css">'
|
|
);
|
|
}
|
|
</script>
|
|
<!-- ext.visualEditor.core -->
|
|
<link rel=stylesheet href="../../modules/ve/ce/styles/ve.ce.Node.css">
|
|
<link rel=stylesheet href="../../modules/ve/ce/styles/ve.ce.Surface.css">
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Context.css">
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Surface.css">
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Tool.css">
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.SurfaceToolbar.css">
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Widget.css">
|
|
<!-- jquery.uls.grid -->
|
|
<link rel=stylesheet href="../../modules/jquery.uls/css/jquery.uls.grid.css">
|
|
<!-- jquery.uls.compact -->
|
|
<link rel=stylesheet href="../../modules/jquery.uls/css/jquery.uls.compact.css">
|
|
<!-- jquery.uls -->
|
|
<link rel=stylesheet href="../../modules/jquery.uls/css/jquery.uls.css">
|
|
<link rel=stylesheet href="../../modules/jquery.uls/css/jquery.uls.lcd.css">
|
|
|
|
<!-- demo -->
|
|
<link rel="stylesheet" href="demo.css">
|
|
</head>
|
|
<body>
|
|
<ul class="ve-demo-docs">
|
|
<?php
|
|
foreach ( $pages as $page ): ?>
|
|
<li>
|
|
<a href="./?page=<?php echo basename( $page, '.html' ); ?>">
|
|
<?php echo basename( $page, '.html' ); ?>
|
|
</a>
|
|
</li>
|
|
<?php
|
|
endforeach; ?>
|
|
</ul>
|
|
<div class="ve-demo-editor"></div>
|
|
|
|
<!-- Generated by maintenance/makeStaticLoader.php -->
|
|
<!-- Dependencies -->
|
|
<script src="../../modules/jquery/jquery.js"></script>
|
|
<script src="../../modules/jquery/jquery.client.js"></script>
|
|
<script src="../../modules/oojs/oojs.js"></script>
|
|
<script src="../../modules/rangy/rangy-core-1.3.js"></script>
|
|
<script src="../../modules/rangy/rangy-position-1.3.js"></script>
|
|
<script src="../../modules/unicodejs/unicodejs.js"></script>
|
|
<script src="../../modules/unicodejs/unicodejs.textstring.js"></script>
|
|
<script src="../../modules/unicodejs/unicodejs.graphemebreakproperties.js"></script>
|
|
<script src="../../modules/unicodejs/unicodejs.graphemebreak.js"></script>
|
|
<script src="../../modules/unicodejs/unicodejs.wordbreakproperties.js"></script>
|
|
<script src="../../modules/unicodejs/unicodejs.wordbreak.js"></script>
|
|
<!-- oojs-ui -->
|
|
<script src="../../modules/oojs-ui/OO.ui.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Element.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Window.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.WindowSet.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Dialog.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.DialogFactory.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Frame.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Inspector.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.InspectorFactory.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Layout.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Widget.js"></script>
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.ClippableElement.js"></script>
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.FlaggableElement.js"></script>
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.GroupElement.js"></script>
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.IconedElement.js"></script>
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.LabeledElement.js"></script>
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.PopuppableElement.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Tool.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.Toolbar.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.ToolFactory.js"></script>
|
|
<script src="../../modules/oojs-ui/OO.ui.ToolGroup.js"></script>
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.FieldsetLayout.js"></script>
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.GridLayout.js"></script>
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.PagedLayout.js"></script>
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.PagedOutlineLayout.js"></script>
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.PanelLayout.js"></script>
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.StackPanelLayout.js"></script>
|
|
<script src="../../modules/oojs-ui/tools/OO.ui.PopupTool.js"></script>
|
|
<script src="../../modules/oojs-ui/toolgroups/OO.ui.BarToolGroup.js"></script>
|
|
<script src="../../modules/oojs-ui/toolgroups/OO.ui.PopupToolGroup.js"></script>
|
|
<script src="../../modules/oojs-ui/toolgroups/OO.ui.ListToolGroup.js"></script>
|
|
<script src="../../modules/oojs-ui/toolgroups/OO.ui.MenuToolGroup.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.ButtonWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.IconButtonWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.InputWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.InputLabelWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.LookupInputWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.OptionWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.SelectWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.MenuItemWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.MenuWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.MenuSectionItemWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.OutlineWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.OutlineControlsWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.OutlineItemWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.PopupWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.PopupButtonWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.PushButtonWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.SearchWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.TextInputWidget.js"></script>
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.TextInputMenuWidget.js"></script>
|
|
<!-- ext.visualEditor.base#standalone-init -->
|
|
<script src="../../modules/ve/ve.js"></script>
|
|
<script src="../../modules/ve/ve.track.js"></script>
|
|
<script src="../../modules/ve/init/ve.init.js"></script>
|
|
<script src="../../modules/ve/init/ve.init.Platform.js"></script>
|
|
<script src="../../modules/ve/init/ve.init.Target.js"></script>
|
|
<script src="../../modules/ve/init/sa/ve.init.sa.js"></script>
|
|
<script src="../../modules/ve/init/sa/ve.init.sa.Platform.js"></script>
|
|
<script src="../../modules/ve/init/sa/ve.init.sa.Target.js"></script>
|
|
<script src="../../modules/ve/ve.debug.js"></script>
|
|
<script>
|
|
<?php
|
|
require '../../modules/../VisualEditor.i18n.php';
|
|
echo 've.init.platform.addMessages( ' . json_encode( $messages['en'] ) . " );\n";
|
|
?>
|
|
ve.init.platform.setModulesUrl( '../../modules' );
|
|
</script>
|
|
<!-- ext.visualEditor.core -->
|
|
<script src="../../modules/ve/ve.Range.js"></script>
|
|
<script src="../../modules/ve/ve.Node.js"></script>
|
|
<script src="../../modules/ve/ve.BranchNode.js"></script>
|
|
<script src="../../modules/ve/ve.LeafNode.js"></script>
|
|
<script src="../../modules/ve/ve.Document.js"></script>
|
|
<script src="../../modules/ve/ve.EventSequencer.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.Model.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.ModelRegistry.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.NodeFactory.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.AnnotationFactory.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.AnnotationSet.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.MetaItemFactory.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.Node.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.BranchNode.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.LeafNode.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.Annotation.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.InternalList.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.MetaItem.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.MetaList.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.TransactionProcessor.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.Transaction.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.Surface.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.SurfaceFragment.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.DataString.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.Document.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.LinearData.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.DocumentSynchronizer.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.IndexValueStore.js"></script>
|
|
<script src="../../modules/ve/dm/ve.dm.Converter.js"></script>
|
|
<script src="../../modules/ve/dm/lineardata/ve.dm.SlicedLinearData.js"></script>
|
|
<script src="../../modules/ve/dm/lineardata/ve.dm.FlatLinearData.js"></script>
|
|
<script src="../../modules/ve/dm/lineardata/ve.dm.ElementLinearData.js"></script>
|
|
<script src="../../modules/ve/dm/lineardata/ve.dm.MetaLinearData.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.GeneratedContentNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.AlienNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.BreakNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.CenterNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DefinitionListItemNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DefinitionListNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DivNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DocumentNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.HeadingNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ImageNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.InternalItemNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.InternalListNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ListItemNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ListNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ParagraphNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.PreformattedNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableCaptionNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableCellNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableRowNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableSectionNode.js"></script>
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TextNode.js"></script>
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.LinkAnnotation.js"></script>
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.TextStyleAnnotation.js"></script>
|
|
<script src="../../modules/ve/dm/metaitems/ve.dm.AlienMetaItem.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.DomRange.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.AnnotationFactory.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.NodeFactory.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.Document.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.View.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.Annotation.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.Node.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.BranchNode.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.ContentBranchNode.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.LeafNode.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.ProtectedNode.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.FocusableNode.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.RelocatableNode.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.ResizableNode.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.Surface.js"></script>
|
|
<script src="../../modules/ve/ce/ve.ce.SurfaceObserver.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.GeneratedContentNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.AlienNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.BreakNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.CenterNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DefinitionListItemNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DefinitionListNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DivNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DocumentNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.HeadingNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ImageNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.InternalItemNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.InternalListNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ListItemNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ListNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ParagraphNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.PreformattedNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableCaptionNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableCellNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableRowNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableSectionNode.js"></script>
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TextNode.js"></script>
|
|
<script src="../../modules/ve/ce/annotations/ve.ce.LinkAnnotation.js"></script>
|
|
<script src="../../modules/ve/ce/annotations/ve.ce.TextStyleAnnotation.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.Surface.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.Context.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.SurfaceWindowSet.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.SurfaceInspector.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.SurfaceDialog.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.SurfaceToolbar.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.TargetToolbar.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.CommandRegistry.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.Trigger.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.TriggerRegistry.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.Action.js"></script>
|
|
<script src="../../modules/ve/ui/ve.ui.ActionFactory.js"></script>
|
|
<script src="../../modules/ve/ui/actions/ve.ui.AnnotationAction.js"></script>
|
|
<script src="../../modules/ve/ui/actions/ve.ui.ContentAction.js"></script>
|
|
<script src="../../modules/ve/ui/actions/ve.ui.DialogAction.js"></script>
|
|
<script src="../../modules/ve/ui/actions/ve.ui.FormatAction.js"></script>
|
|
<script src="../../modules/ve/ui/actions/ve.ui.HistoryAction.js"></script>
|
|
<script src="../../modules/ve/ui/actions/ve.ui.IndentationAction.js"></script>
|
|
<script src="../../modules/ve/ui/actions/ve.ui.InspectorAction.js"></script>
|
|
<script src="../../modules/ve/ui/actions/ve.ui.ListAction.js"></script>
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.SurfaceWidget.js"></script>
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.LinkTargetInputWidget.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.AnnotationTool.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ClearAnnotationTool.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.DialogTool.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.FormatTool.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.HistoryTool.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.IndentationTool.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.InspectorTool.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ListTool.js"></script>
|
|
<script src="../../modules/ve/ui/inspectors/ve.ui.AnnotationInspector.js"></script>
|
|
<script src="../../modules/ve/ui/inspectors/ve.ui.LinkInspector.js"></script>
|
|
<!-- jquery.uls.data -->
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.data.js"></script>
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.data.utils.js"></script>
|
|
<!-- jquery.uls -->
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.core.js"></script>
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.lcd.js"></script>
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.languagefilter.js"></script>
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.regionfilter.js"></script>
|
|
<!-- ext.visualEditor.language -->
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.LanguageAnnotation.js"></script>
|
|
<script src="../../modules/ve/ce/annotations/ve.ce.LanguageAnnotation.js"></script>
|
|
<script src="../../modules/ve/ui/inspectors/ve.ui.LanguageInspector.js"></script>
|
|
<script src="../../modules/ve/ui/tools/ve.ui.LanguageInspectorTool.js"></script>
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.LanguageInputWidget.js"></script>
|
|
|
|
<!-- demo -->
|
|
<script>
|
|
$( document ).ready( function () {
|
|
new ve.init.sa.Target(
|
|
$( '.ve-demo-editor' ),
|
|
ve.createDocumentFromHtml( <?php echo json_encode( $html ) ?> )
|
|
);
|
|
$( '.ve-ce-documentNode' ).focus();
|
|
// ve.instances[0].getDialogs().open( 'meta' );
|
|
} );
|
|
</script>
|
|
|
|
<div class="ve-demo-utilities">
|
|
<p>
|
|
<div class="ve-demo-utilities-commands"></div>
|
|
</p>
|
|
<table id="ve-dump" class="ve-demo-dump">
|
|
<thead>
|
|
<th>Linear model</th>
|
|
<th>View tree</th>
|
|
<th>Model tree</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td width="30%" id="ve-linear-model-dump"></td>
|
|
<td id="ve-view-tree-dump" style="vertical-align: top;"></td>
|
|
<td id="ve-model-tree-dump" style="vertical-align: top;"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<script>
|
|
$( function () {
|
|
|
|
// Widgets
|
|
var startTextInput = new OO.ui.TextInputWidget( { 'readOnly': true } ),
|
|
endTextInput = new OO.ui.TextInputWidget( { 'readOnly': true } ),
|
|
startTextInputLabel = new OO.ui.InputLabelWidget(
|
|
{ 'label': 'Start', 'input': startTextInput }
|
|
),
|
|
endTextInputLabel = new OO.ui.InputLabelWidget(
|
|
{ 'label': 'End', 'input': endTextInput }
|
|
),
|
|
getRangeButton = new OO.ui.PushButtonWidget( { 'label': 'Get selected range' } ),
|
|
logRangeButton = new OO.ui.PushButtonWidget(
|
|
{ 'label': 'Log to console', 'disabled': true }
|
|
),
|
|
dumpModelButton = new OO.ui.PushButtonWidget( { 'label': 'Dump model' } ),
|
|
validateButton = new OO.ui.PushButtonWidget( { 'label': 'Validate view and model' } );
|
|
|
|
// Initialization
|
|
$( '.ve-demo-utilities-commands' ).append(
|
|
getRangeButton.$,
|
|
startTextInputLabel.$,
|
|
startTextInput.$,
|
|
endTextInputLabel.$,
|
|
endTextInput.$,
|
|
logRangeButton.$,
|
|
$( '<span class="ve-demo-utilities-commands-divider"> </span>' ),
|
|
dumpModelButton.$,
|
|
validateButton.$
|
|
);
|
|
|
|
// Events
|
|
getRangeButton.on( 'click', function () {
|
|
var range = ve.instances[0].view.model.getSelection();
|
|
startTextInput.setValue( range.start );
|
|
endTextInput.setValue( range.end );
|
|
logRangeButton.setDisabled( false );
|
|
} );
|
|
logRangeButton.on( 'click', function () {
|
|
var start = startTextInput.getValue(),
|
|
end = endTextInput.getValue();
|
|
// TODO: Validate input
|
|
console.dir( ve.instances[0].view.documentView.model.data.slice( start, end ) );
|
|
} );
|
|
dumpModelButton.on( 'click', function () {
|
|
// linear model dump
|
|
var i, $li, element, html, annotations,
|
|
$ol = $( '<ol start="0"></ol>' );
|
|
|
|
for ( i = 0; i < ve.instances[0].model.documentModel.data.getLength(); i++ ) {
|
|
$li = $( '<li>' );
|
|
$label = $( '<span>' );
|
|
element = ve.instances[0].model.documentModel.data.getData( i );
|
|
if ( element.type ) {
|
|
$label.addClass( 've-demo-dump-element' );
|
|
text = element.type;
|
|
annotations = element.annotations;
|
|
} else if ( ve.isArray( element ) ){
|
|
$label.addClass( 've-demo-dump-achar' );
|
|
text = element[0];
|
|
annotations = element[1];
|
|
} else {
|
|
$label.addClass( 've-demo-dump-char' );
|
|
text = element;
|
|
annotations = undefined;
|
|
}
|
|
$label.html( ( text.match( /\S/ ) ? text : ' ' ) + ' ' );
|
|
if ( annotations ) {
|
|
$label.append(
|
|
$( '<span>' ).text(
|
|
'[' + ve.instances[0].model.documentModel.store.values( annotations ).map( function( ann ) {
|
|
return ann.name;
|
|
} ).join( ', ' ) + ']'
|
|
)
|
|
);
|
|
}
|
|
|
|
$li.append( $label );
|
|
$ol.append( $li );
|
|
}
|
|
$( '#ve-linear-model-dump' ).html( $ol );
|
|
|
|
// tree dump
|
|
var getKids = function ( obj ) {
|
|
var $ol = $( '<ol start="0"></ol>' ),
|
|
$li;
|
|
for ( var i = 0; i < obj.children.length; i++ ) {
|
|
$li = $( '<li>' );
|
|
$label = $( '<span>' ).addClass( 've-demo-dump-element' );
|
|
if ( obj.children[i].length !== undefined ) {
|
|
$li.append(
|
|
$label
|
|
.text( obj.children[i].type )
|
|
.append(
|
|
$( '<span>' ).text( ' (' + obj.children[i].length + ')' )
|
|
)
|
|
);
|
|
} else {
|
|
$li.append( $label.text( obj.children[i].type ) );
|
|
}
|
|
|
|
if ( obj.children[i].children ) {
|
|
$li.append( getKids( obj.children[i] ) );
|
|
}
|
|
|
|
|
|
$ol.append( $li );
|
|
}
|
|
return $ol;
|
|
}
|
|
$( '#ve-model-tree-dump' ).html(
|
|
getKids( ve.instances[0].model.documentModel.documentNode )
|
|
);
|
|
$( '#ve-view-tree-dump' ).html(
|
|
getKids( ve.instances[0].view.documentView.documentNode )
|
|
);
|
|
$( '#ve-dump' ).show();
|
|
} );
|
|
validateButton.on( 'click', function () {
|
|
var failed = false;
|
|
$( '.ve-ce-branchNode' ).each( function ( index, element ) {
|
|
var $element = $( element ),
|
|
view = $element.data( 'view' );
|
|
if ( view.canContainContent() ) {
|
|
var nodeRange = view.model.getRange();
|
|
var textModel = ve.instances[0]
|
|
.view.model.getDocument().getText( nodeRange );
|
|
var textDom = ve.ce.getDomText( view.$[0] );
|
|
if ( textModel !== textDom ) {
|
|
failed = true;
|
|
console.log( 'Inconsistent data', {
|
|
'textModel': textModel,
|
|
'textDom': textDom,
|
|
'element': element
|
|
} );
|
|
}
|
|
}
|
|
} );
|
|
if ( failed ) {
|
|
alert( 'Not valid - check JS console for details' );
|
|
} else {
|
|
alert( 'Valid' );
|
|
}
|
|
} );
|
|
} );
|
|
</script>
|
|
</body>
|
|
</html>
|