mediawiki-extensions-Visual.../.docs/eg-iframe.html

286 lines
17 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>VisualEditor Example</title>
<!-- oojs-ui -->
<link rel=stylesheet href="lib/ve/lib/oojs-ui/oojs-ui.svg.css">
<link rel=stylesheet href="lib/ve/lib/oojs-ui/oojs-ui-apex.css">
<!-- visualEditor.standalone -->
<link rel=stylesheet href="lib/ve/modules/ve/init/sa/styles/ve.init.sa.css">
<!-- visualEditor.core -->
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.AlienNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.BranchNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.DocumentNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.FocusableNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.GeneratedContentNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.ImageNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/annotations/ve.ce.LanguageAnnotation.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.ProtectedNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.RelocatableNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/nodes/ve.ce.ResizableNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.Surface.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/dialogs/ve.ui.CommandHelpDialog.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/ve.ui.DesktopContext.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/tools/ve.ui.FormatTool.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/ve.ui.Inspector.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/widgets/ve.ui.LanguageInputWidget.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/widgets/ve.ui.DimensionsWidget.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/widgets/ve.ui.MediaSizeWidget.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/inspectors/ve.ui.SpecialCharacterInspector.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/ve.ui.Surface.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/widgets/ve.ui.SurfaceWidget.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/ve.ui.Toolbar.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/ve.ui.Icons-vector.css">
<!-- visualEditor.desktop -->
<link rel=stylesheet href="lib/ve/modules/ve/ui/themes/apex/ve.ui.Inspector.css">
<!-- visualEditor.mobile -->
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/ve.ui.MobileContext.css">
<!-- example styles -->
<style>
body {
margin: 0;
padding: 0;
overflow-y: scroll;
background: #fff;
font: normal 1em/1.5 sans-serif;
}
</style>
</head>
<body>
<!-- jquery -->
<script src="lib/ve/lib/jquery/jquery.js"></script>
<!-- oojs -->
<script src="lib/ve/lib/oojs/oojs.js"></script>
<!-- oojs-ui -->
<script src="lib/ve/lib/oojs-ui/oojs-ui.js"></script>
<!-- rangy -->
<script src="lib/ve/lib/rangy/rangy-core-1.3.js"></script>
<script src="lib/ve/lib/rangy/rangy-position-1.3.js"></script>
<script src="lib/ve/lib/rangy/rangy-export.js"></script>
<!-- unicodejs -->
<script src="lib/ve/modules/unicodejs/unicodejs.js"></script>
<script src="lib/ve/modules/unicodejs/unicodejs.textstring.js"></script>
<script src="lib/ve/modules/unicodejs/unicodejs.graphemebreakproperties.js"></script>
<script src="lib/ve/modules/unicodejs/unicodejs.graphemebreak.js"></script>
<script src="lib/ve/modules/unicodejs/unicodejs.wordbreakproperties.js"></script>
<script src="lib/ve/modules/unicodejs/unicodejs.wordbreak.js"></script>
<!-- jquery.i18n -->
<script src="lib/ve/lib/jquery.i18n/src/jquery.i18n.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/jquery.i18n.messagestore.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/jquery.i18n.parser.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/jquery.i18n.emitter.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/jquery.i18n.language.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/jquery.i18n.fallbacks.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/bs.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/dsb.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/fi.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/ga.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/he.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/hsb.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/hu.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/hy.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/la.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/ml.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/os.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/ru.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/sl.js"></script>
<script src="lib/ve/lib/jquery.i18n/src/languages/uk.js"></script>
<!-- visualEditor.base -->
<script src="lib/ve/modules/ve/ve.js"></script>
<script src="lib/ve/modules/ve/ve.track.js"></script>
<script src="lib/ve/modules/ve/init/ve.init.js"></script>
<script src="lib/ve/modules/ve/init/ve.init.Platform.js"></script>
<script src="lib/ve/modules/ve/init/ve.init.Target.js"></script>
<!-- visualEditor.standalone -->
<script src="lib/ve/modules/ve/init/sa/ve.init.sa.js"></script>
<script src="lib/ve/modules/ve/init/sa/ve.init.sa.Platform.js"></script>
<script src="lib/ve/modules/ve/init/sa/ve.init.sa.Target.js"></script>
<!-- visualEditor.core -->
<script src="lib/ve/modules/ve/ve.Range.js"></script>
<script src="lib/ve/modules/ve/ve.Node.js"></script>
<script src="lib/ve/modules/ve/ve.BranchNode.js"></script>
<script src="lib/ve/modules/ve/ve.LeafNode.js"></script>
<script src="lib/ve/modules/ve/ve.Document.js"></script>
<script src="lib/ve/modules/ve/ve.EventSequencer.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.Model.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.ModelRegistry.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.NodeFactory.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.AnnotationFactory.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.AnnotationSet.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.MetaItemFactory.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.Scalable.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.ResizableNode.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.Node.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.BranchNode.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.LeafNode.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.Annotation.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.InternalList.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.MetaItem.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.MetaList.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.TransactionProcessor.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.Transaction.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.Surface.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.SurfaceFragment.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.DataString.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.Document.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.DocumentSlice.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.LinearData.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.DocumentSynchronizer.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.IndexValueStore.js"></script>
<script src="lib/ve/modules/ve/dm/ve.dm.Converter.js"></script>
<script src="lib/ve/modules/ve/dm/lineardata/ve.dm.FlatLinearData.js"></script>
<script src="lib/ve/modules/ve/dm/lineardata/ve.dm.ElementLinearData.js"></script>
<script src="lib/ve/modules/ve/dm/lineardata/ve.dm.MetaLinearData.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.GeneratedContentNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.AlienNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.BreakNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.CenterNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.DefinitionListItemNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.DefinitionListNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.DivNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.DocumentNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.HeadingNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.ImageNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.InternalItemNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.InternalListNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.ListItemNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.ListNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.ParagraphNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.PreformattedNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.TableCaptionNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.TableCellNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.TableNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.TableRowNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.TableSectionNode.js"></script>
<script src="lib/ve/modules/ve/dm/nodes/ve.dm.TextNode.js"></script>
<script src="lib/ve/modules/ve/dm/annotations/ve.dm.LanguageAnnotation.js"></script>
<script src="lib/ve/modules/ve/dm/annotations/ve.dm.LinkAnnotation.js"></script>
<script src="lib/ve/modules/ve/dm/annotations/ve.dm.TextStyleAnnotation.js"></script>
<script src="lib/ve/modules/ve/dm/metaitems/ve.dm.AlienMetaItem.js"></script>
<script src="lib/ve/modules/ve/dm/metaitems/ve.dm.CommentMetaItem.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.DomRange.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.AnnotationFactory.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.NodeFactory.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.Document.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.View.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.Annotation.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.Node.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.BranchNode.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.ContentBranchNode.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.LeafNode.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.ProtectedNode.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.FocusableNode.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.RelocatableNode.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.ResizableNode.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.ClickableNode.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.Surface.js"></script>
<script src="lib/ve/modules/ve/ce/ve.ce.SurfaceObserver.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.GeneratedContentNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.AlienNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.BreakNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.CenterNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.DefinitionListItemNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.DefinitionListNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.DivNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.DocumentNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.HeadingNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.ImageNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.InternalItemNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.InternalListNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.ListItemNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.ListNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.ParagraphNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.PreformattedNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.TableCaptionNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.TableCellNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.TableNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.TableRowNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.TableSectionNode.js"></script>
<script src="lib/ve/modules/ve/ce/nodes/ve.ce.TextNode.js"></script>
<script src="lib/ve/modules/ve/ce/annotations/ve.ce.LanguageAnnotation.js"></script>
<script src="lib/ve/modules/ve/ce/annotations/ve.ce.LinkAnnotation.js"></script>
<script src="lib/ve/modules/ve/ce/annotations/ve.ce.TextStyleAnnotation.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Surface.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.DesktopSurface.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Context.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.DesktopContext.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Dialog.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Inspector.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.WindowSet.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Tool.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Toolbar.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.TargetToolbar.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.ToolFactory.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Command.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.CommandRegistry.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Trigger.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.TriggerRegistry.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.Action.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.ActionFactory.js"></script>
<script src="lib/ve/modules/ve/ui/actions/ve.ui.AnnotationAction.js"></script>
<script src="lib/ve/modules/ve/ui/actions/ve.ui.ContentAction.js"></script>
<script src="lib/ve/modules/ve/ui/actions/ve.ui.DialogAction.js"></script>
<script src="lib/ve/modules/ve/ui/actions/ve.ui.FormatAction.js"></script>
<script src="lib/ve/modules/ve/ui/actions/ve.ui.HistoryAction.js"></script>
<script src="lib/ve/modules/ve/ui/actions/ve.ui.IndentationAction.js"></script>
<script src="lib/ve/modules/ve/ui/actions/ve.ui.InspectorAction.js"></script>
<script src="lib/ve/modules/ve/ui/actions/ve.ui.ListAction.js"></script>
<script src="lib/ve/modules/ve/ui/dialogs/ve.ui.CommandHelpDialog.js"></script>
<script src="lib/ve/modules/ve/ui/widgets/ve.ui.SurfaceWidget.js"></script>
<script src="lib/ve/modules/ve/ui/widgets/ve.ui.LinkTargetInputWidget.js"></script>
<script src="lib/ve/modules/ve/ui/widgets/ve.ui.DimensionsWidget.js"></script>
<script src="lib/ve/modules/ve/ui/widgets/ve.ui.MediaSizeWidget.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.AnnotationTool.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.ClearAnnotationTool.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.DialogTool.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.FormatTool.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.HistoryTool.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.IndentationTool.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.InspectorTool.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.LanguageInspectorTool.js"></script>
<script src="lib/ve/modules/ve/ui/tools/ve.ui.ListTool.js"></script>
<script src="lib/ve/modules/ve/ui/inspectors/ve.ui.AnnotationInspector.js"></script>
<script src="lib/ve/modules/ve/ui/inspectors/ve.ui.LinkInspector.js"></script>
<script src="lib/ve/modules/ve/ui/widgets/ve.ui.LanguageInputWidget.js"></script>
<script src="lib/ve/modules/ve/ui/inspectors/ve.ui.LanguageInspector.js"></script>
<script src="lib/ve/modules/ve/ui/inspectors/ve.ui.SpecialCharacterInspector.js"></script>
<!-- visualEditor.mobile -->
<script src="lib/ve/modules/ve/ui/ve.ui.MobileSurface.js"></script>
<script src="lib/ve/modules/ve/ui/ve.ui.MobileContext.js"></script>
<script>ve.init.platform.setModulesUrl( 'lib/ve/modules' );</script>
<!-- example scripts -->
<script>
function loadInlineExample( code, options, callback ) {
try {
eval( code );
callback && callback( true );
} catch (e) {
document.body.appendChild( document.createTextNode( e ) );
callback && callback( false, e );
}
}
</script>
</body>
</html>