mediawiki-extensions-Visual.../.docs/eg-iframe.html
Roan Kattouw 39f8019c47 Update VE core submodule to master (9484b81)
New changes:
b045c0c Localisation updates from https://translatewiki.net.
3221c45 Introduce ve.ui.Tool
c3a2a85 Detect document focus properly and allow null selection in model
03fed20 Localisation updates from https://translatewiki.net.
07dfc7d Actually use getRelative[Content|Structural]Offset wrappers
8fced5f Show VE demo error in VE
547e3d2 Localisation updates from https://translatewiki.net.
d6316f5 Fix handlesOwnChildren check in getRelativeOffset
e23f1ab Style link inspector on mobile
5968559 Localisation updates from https://translatewiki.net.
4bce90c Bump jscs to 0.4.1
7e39f49 Disable certain tools when surface has no range
edde8ca Emit event when insertion annotations change
2a89173 Update OOjs UI to v0.1.0-pre (8986c46d35)
103c4b9 Support null ranges in the demo debug bar
9eb3810 Adjust loop counters in word break detection when removing item
914e002 Skip over handlesOwnChildren nodes in newFromAnnotation
ef6096a Improve hasFocus check to compare the anchorNode to the parent
18171bf Revert "Improve hasFocus check to compare the anchorNode to the parent"
3950cef Revert "Detect document focus properly and allow null selection in model"
1c4cac4 Revert "Fix handlesOwnChildren check in getRelativeOffset"

Change-Id: Ic3054c668866307a5cfbb74f23efd82ceb2f0ee3
2014-04-02 16:15:01 -07:00

282 lines
16 KiB
HTML

<!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/ve.ce.AlienNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.BranchNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.DocumentNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.FocusableNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.GeneratedContentNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.ImageNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.LanguageAnnotation.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.ProtectedNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/ve.ce.RelocatableNode.css">
<link rel=stylesheet href="lib/ve/modules/ve/ce/styles/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/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/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/ve.ui.LanguageInputWidget.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/ve.ui.MediaSizeWidget.css">
<link rel=stylesheet href="lib/ve/modules/ve/ui/styles/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/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.Scalable.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.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.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/ve.ui.Tool.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>