wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-15 10:35:48 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../demos/ve/index.php

355 lines
16 KiB
PHP
Raw Normal View History

Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<?php
Removed some whitespace And added a license to some files that didn't have it yet Change-Id: I3a7e60374d1198d369a0475b8f65f7415012a337
2012-07-19 21:25:16 +00:00
/**
* VisualEditor standalone demo
*
* @file
* @ingroup Extensions
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
$path = dirname( __FILE__ ) . '/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 = '<div>' . file_get_contents( $page ) . '</div>';
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
?>
svn:eol-style native
2012-02-07 19:13:19 +00:00
<!DOCTYPE html>
<html>
<head>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<meta charset="UTF-8">
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<title>VisualEditor Standalone Demo</title>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<!-- Generated by maintenance/makeStaticLoader.php -->
<!-- Standalone Init -->
<link rel=stylesheet href="../../modules/ve/init/sa/styles/ve.init.sa.css">
<!-- ext.visualEditor.core -->
<link rel=stylesheet href="../../modules/ve/ce/styles/ve.ce.DocumentNode.css">
<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.Inspector.css">
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Menu.css">
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Surface.css">
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Toolbar.css">
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Tool.css">
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
Improved icons * Moved icons into Illustrator (used to be in Photoshop) * Added SVG icons too * Added support for devices with pixel ratio > 1 (they use SVG) * Cleaned up icons (little rendering errors here and there) * Organized icons into their own folder * Increased the horizontal margin of the down arrows in the formatting (in the toolbar) and location (in the link inspector) drop down menus Change-Id: I29b7084c9b1145051b2a76f514cfca9826d53ddb
2012-08-30 20:04:22 +00:00
<script>
if ( window.devicePixelRatio > 1 ) {
document.write( '<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Icons-vector.css">' );
} else {
document.write( '<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Icons-raster.css">' );
}
</script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<!-- demo -->
<link rel="stylesheet" href="demo.css">
svn:eol-style native
2012-02-07 19:13:19 +00:00
</head>
<body>
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<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-content"></div>
svn:eol-style native
2012-02-07 19:13:19 +00:00
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<!-- Generated by maintenance/makeStaticLoader.php -->
<!-- Dependencies -->
svn:eol-style native
2012-02-07 19:13:19 +00:00
<script src="../../modules/jquery/jquery.js"></script>
Include jquery.json.js in both demos to fix error Change-Id: Ic5810536317e6de8a23232b602aced877412b1ea
2012-05-21 19:49:14 +00:00
<script src="../../modules/jquery/jquery.json.js"></script>
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
<script src="../../modules/jquery/jquery.multiSuggest.js"></script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<script src="../../modules/rangy/rangy-core.js"></script>
<script src="../../modules/rangy/rangy-position.js"></script>
<!-- ext.visualEditor.base -->
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ve.js"></script>
<script src="../../modules/ve/ve.EventEmitter.js"></script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<script src="../../modules/ve/init/ve.init.js"></script>
<script src="../../modules/ve/init/ve.init.Platform.js"></script>
<script src="../../modules/ve/ve.debug.js"></script>
<!-- Standalone Init -->
<script src="../../modules/ve/init/sa/ve.init.sa.js"></script>
<script src="../../modules/ve/init/sa/ve.init.sa.Platform.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<!-- i18n -->
<script>
<?php
include( dirname( dirname( dirname( __FILE__ ) ) ) . '/VisualEditor.i18n.php' );
echo 've.init.platform.addMessages( ' . json_encode( $messages['en'] ) . ');';
?>
ve.init.platform.setModulesUrl( '../../modules' );
</script>
<!-- Generated by maintenance/makeStaticLoader.php (cont.) -->
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<!-- ext.visualEditor.core -->
Refactored commands into a registry * Now ve.Factory inherits from the more general ve.Registry * New class ve.CommandRegistry * Refactored setupToolbar and command setup code into setupComands Change-Id: Ic548e5de95b77889727362d3e66d7be83c12a603
2012-11-07 20:09:18 +00:00
<script src="../../modules/ve/ve.Registry.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ve.Factory.js"></script>
<script src="../../modules/ve/ve.Position.js"></script>
Replaced command factory with new command class The port of mousetrap wasn't really what we needed. This is much simpler, matches the rest of our code, and does exactly what we need. Change-Id: I67f413e097fc2d4078336edb14dd9440e771f196
2012-11-07 00:09:38 +00:00
<script src="../../modules/ve/ve.Command.js"></script>
Refactored commands into a registry * Now ve.Factory inherits from the more general ve.Registry * New class ve.CommandRegistry * Refactored setupToolbar and command setup code into setupComands Change-Id: Ic548e5de95b77889727362d3e66d7be83c12a603
2012-11-07 20:09:18 +00:00
<script src="../../modules/ve/ve.CommandRegistry.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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.Surface.js"></script>
<script src="../../modules/ve/ve.Document.js"></script>
Added links to annotation set classes for demo Change-Id: I1584eb22a177871d1f18761cf4ec35d8961b2b91
2012-09-07 22:26:24 +00:00
<script src="../../modules/ve/ve.OrderedHashSet.js"></script>
<script src="../../modules/ve/ve.AnnotationSet.js"></script>
Add ve.Action, ve.ActionFactory, subclasses Moved implementation of all the tools into a reusable action system. To execute an action just call surface.execute( actionName, method, param1, param2, ... ); This helps keep tools simple, and opens the door to key commands reusing the same code. Change-Id: Ie786fa3d38d1ea17d39b5dfb8eeeb5f2256267ce
2012-10-24 21:34:01 +00:00
<script src="../../modules/ve/ve.Action.js"></script>
<script src="../../modules/ve/ve.ActionFactory.js"></script>
<script src="../../modules/ve/actions/ve.AnnotationAction.js"></script>
Added undo-before-apply for new link annotations When the link inspector is used to create a new annotation, the text is annotated with the default link target derived from the selected text. Then if the inspector is used to change that value, yet another transaction is processed when the inspector is closed. To avoid having to press undo 2x, this change makes the inspector undo it's first change before applying the changed annotation. This change also introduces insert, remove and select content actions. Change-Id: I3e29189158fb01336d6b053bc2a8bda2a91a0a46
2012-11-16 23:31:36 +00:00
<script src="../../modules/ve/actions/ve.ContentAction.js"></script>
Add ve.Action, ve.ActionFactory, subclasses Moved implementation of all the tools into a reusable action system. To execute an action just call surface.execute( actionName, method, param1, param2, ... ); This helps keep tools simple, and opens the door to key commands reusing the same code. Change-Id: Ie786fa3d38d1ea17d39b5dfb8eeeb5f2256267ce
2012-10-24 21:34:01 +00:00
<script src="../../modules/ve/actions/ve.FormatAction.js"></script>
<script src="../../modules/ve/actions/ve.HistoryAction.js"></script>
<script src="../../modules/ve/actions/ve.IndentationAction.js"></script>
<script src="../../modules/ve/actions/ve.InspectorAction.js"></script>
<script src="../../modules/ve/actions/ve.ListAction.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/ve.dm.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.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.TransactionProcessor.js"></script>
<script src="../../modules/ve/dm/ve.dm.Transaction.js"></script>
<script src="../../modules/ve/dm/ve.dm.Surface.js"></script>
Add a missing reference to file ve.dm.SurfaceFragment.js inside index.php for standalone demo. Change-Id: I12c134a4a2e2bbec271ade5d211c48939cfc9a5f
2012-10-12 23:36:55 +00:00
<script src="../../modules/ve/dm/ve.dm.SurfaceFragment.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/ve.dm.Document.js"></script>
<script src="../../modules/ve/dm/ve.dm.DocumentSynchronizer.js"></script>
<script src="../../modules/ve/dm/ve.dm.Converter.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.AlienInlineNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.AlienBlockNode.js"></script>
Add ve.dm.BreakNode to represent <br> Change-Id: I3825199c3c8cbe3b50c01e03f39f20cef7c55a28
2012-08-08 23:06:20 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.BreakNode.js"></script>
Support for <center> tag Change-Id: I0d64561dd82b8377ee7491103e81569eaca22fee
2012-08-22 19:51:33 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.CenterNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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.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.ListItemNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.ListNode.js"></script>
Add a node type for meta nodes This node type represents <meta> or <link> (transparently, based on the style attribute). I had to make two node types for this and hack the toData conversion code directly into ve.dm.Converter, because we don't have native support for node types that can be both inline and block. (We should add this in the node API rewrite.) The CE implementation renders a placeholder (with the same styles as an alien node) right now. I'm not sure how nice that is, but it's better than rendering raw <meta>/<link> tags. This whole thing is a total pile of hacks to make VE deal with <meta>/<link> tags until we have a proper node types API. Change-Id: Id6783fcfc35a896db088ff424ff9faaabcaff716
2012-09-06 21:07:39 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.MetaBlockNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.MetaInlineNode.js"></script>
(bug 42218) Add MWEntityNode <span typeof="mw:Entity"> tags are now correctly represented in the model, and rendered in CE. There are still issues with cursor movement etc. in CE. Because the prioritization mechanism for annotations vs nodes is broken in the current "node API", I had to hack two special cases for mw:Entity into the converter. I also had to change the converter to ignore the children of inline nodes (this was a legitimate bug, but had never come up before). Change-Id: Ib9f70437c58b4ca06aa09f7272bf51d9c41b18f2
2012-11-20 23:37:06 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.MWEntityNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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.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>
Fix standalone demo. Change-Id: Ieef15ad3edc039b205e5e4e870311927384be561
2012-10-13 00:07:21 +00:00
<script src="../../modules/ve/dm/annotations/ve.dm.MWExternalLinkAnnotation.js"></script>
<script src="../../modules/ve/dm/annotations/ve.dm.MWInternalLinkAnnotation.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/annotations/ve.dm.TextStyleAnnotation.js"></script>
<script src="../../modules/ve/ce/ve.ce.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.Node.js"></script>
<script src="../../modules/ve/ce/ve.ce.BranchNode.js"></script>
<script src="../../modules/ve/ce/ve.ce.LeafNode.js"></script>
<script src="../../modules/ve/ce/ve.ce.Surface.js"></script>
Initial import of ve.ce.SufaceObserver Change-Id: Ifc14a6cc30e46c8ae99c59dcb916795c603329ed
2012-10-04 19:54:39 +00:00
<script src="../../modules/ve/ce/ve.ce.SurfaceObserver.js"></script>
Phantoms not vanishing on mouseout If the mouse is moved too quickly, the phantoms have a tendency to stick. This change moves the event from phantom.mouseleave to surface.mousemove. Change-Id: I2c7e7bdc838427d4355a6c0c13bafe3198636dbe
2012-11-15 23:33:09 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.AlienNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.AlienInlineNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.AlienBlockNode.js"></script>
Add ve.dm.BreakNode to represent <br> Change-Id: I3825199c3c8cbe3b50c01e03f39f20cef7c55a28
2012-08-08 23:06:20 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.BreakNode.js"></script>
Fixing location of ve.ce.CenterNode.js and adding comma between variable declarations Change-Id: If54e314f47860ac30060bec6b3f5997ed3709e0b
2012-10-17 20:12:37 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.CenterNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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.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.ListItemNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.ListNode.js"></script>
Add a node type for meta nodes This node type represents <meta> or <link> (transparently, based on the style attribute). I had to make two node types for this and hack the toData conversion code directly into ve.dm.Converter, because we don't have native support for node types that can be both inline and block. (We should add this in the node API rewrite.) The CE implementation renders a placeholder (with the same styles as an alien node) right now. I'm not sure how nice that is, but it's better than rendering raw <meta>/<link> tags. This whole thing is a total pile of hacks to make VE deal with <meta>/<link> tags until we have a proper node types API. Change-Id: Id6783fcfc35a896db088ff424ff9faaabcaff716
2012-09-06 21:07:39 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.MetaBlockNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.MetaInlineNode.js"></script>
(bug 42218) Add MWEntityNode <span typeof="mw:Entity"> tags are now correctly represented in the model, and rendered in CE. There are still issues with cursor movement etc. in CE. Because the prioritization mechanism for annotations vs nodes is broken in the current "node API", I had to hack two special cases for mw:Entity into the converter. I also had to change the converter to ignore the children of inline nodes (this was a legitimate bug, but had never come up before). Change-Id: Ib9f70437c58b4ca06aa09f7272bf51d9c41b18f2
2012-11-20 23:37:06 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.MWEntityNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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.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/ui/ve.ui.js"></script>
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
<script src="../../modules/ve/ui/ve.ui.Context.js"></script>
<script src="../../modules/ve/ui/ve.ui.Frame.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/ve.ui.Inspector.js"></script>
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
<script src="../../modules/ve/ui/ve.ui.InspectorFactory.js"></script>
<script src="../../modules/ve/ui/ve.ui.Menu.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/ve.ui.Tool.js"></script>
<script src="../../modules/ve/ui/ve.ui.Toolbar.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<script src="../../modules/ve/ui/ve.ui.ToolFactory.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/inspectors/ve.ui.LinkInspector.js"></script>
<script src="../../modules/ve/ui/tools/ve.ui.ButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/ve.ui.AnnotationButtonTool.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.InspectorButtonTool.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.IndentationButtonTool.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.ListButtonTool.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.DropdownTool.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<script src="../../modules/ve/ui/tools/buttons/ve.ui.BoldButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.ItalicButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.ClearButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.LinkButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.BulletButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.NumberButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.IndentButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.OutdentButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.RedoButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/buttons/ve.ui.UndoButtonTool.js"></script>
<script src="../../modules/ve/ui/tools/dropdowns/ve.ui.FormatDropdownTool.js"></script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<!-- demo -->
<script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$(document).ready( function () {
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
new ve.Surface(
$( '.ve-demo-content' ),
$( <?php echo json_encode( $html ) ?> )[0]
);
$( '.ve-ce-documentNode' ).focus();
} );
</script>
Added very simple "debug" tool to demo page. Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
2012-07-24 23:44:06 +00:00
<div style="margin-left: 2em; margin-right: 2em; margin-bottom: 1em;">
<labe>Start</label>
<input type="text" style="width: 3em" id="ve-debug-start"/>
<labe>End</label>
<input type="text" style="width: 3em" id="ve-debug-end"/>
<br/>
<a href="#" id="ve-get-range">Get range from the editor</a>
<br/>
<a href="#" id="ve-dump-data">Dump data to the console</a>
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
<br/>
<a href="#" id="ve-dump-all">Dump all data</a>
Created simple debug tool - that compares data between DOM and Model - very useful while working on SurfaceObserver and text insertion stuff. Change-Id: Id30513fc64a947ab7ef0474882ace750f41624b8
2012-10-10 21:18:01 +00:00
<br/>
<a href="#" id="ve-validate">Validate (DOM Data vs. Model Data)</a>
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
<br/><br/>
<table id="ve-dump" border="1" width="100%" style="display: none;">
<tr>
<td>Linear model</td>
<td>View tree</td>
<td>Model tree</td>
</tr>
<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>
</table>
Added very simple "debug" tool to demo page. Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
2012-07-24 23:44:06 +00:00
</div>
<script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$( function () {
$( '#ve-validate' ).on( "click", function ( e ) {
Created simple debug tool - that compares data between DOM and Model - very useful while working on SurfaceObserver and text insertion stuff. Change-Id: Id30513fc64a947ab7ef0474882ace750f41624b8
2012-10-10 21:18:01 +00:00
var failed = false;
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$('.ve-ce-branchNode').each( function ( index, element ) {
Created simple debug tool - that compares data between DOM and Model - very useful while working on SurfaceObserver and text insertion stuff. Change-Id: Id30513fc64a947ab7ef0474882ace750f41624b8
2012-10-10 21:18:01 +00:00
var $element = $( element ),
view = $element.data( 'node' );
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
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
} );
Created simple debug tool - that compares data between DOM and Model - very useful while working on SurfaceObserver and text insertion stuff. Change-Id: Id30513fc64a947ab7ef0474882ace750f41624b8
2012-10-10 21:18:01 +00:00
}
}
});
if ( failed ) {
alert( 'Not valid - check JS console for details' );
} else {
alert( 'Valid' );
}
e.preventDefault();
return false;
} );
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$( '#ve-dump-all' ).on( "click", function ( e ) {
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
// linear model dump
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
var $ol = $('<ol start="0"></ol>'),
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
$li,
element,
html,
annotations;
for ( var i = 0; i < ve.instances[0].documentModel.data.length; i++ ) {
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$li = $('<li>');
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
element = ve.instances[0].documentModel.data[i];
if( element.type ) {
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
text = element.type;
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
} else if ( element.length > 1 ){
annotations = [];
Make the debug tool (Dump all data) compatible with ve.AnnotationsSet (instead of array) Change-Id: I0ff131d69933a0fe98232410eb7be72ea2492066
2012-10-19 22:20:40 +00:00
$.each(element[1].arr, function(index, val) {
annotations.push( val.name );
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
});
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
text = element[0] + ' [' + annotations.join(', ') + ']';
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
} else {
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
text = element;
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
}
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
$li.text( text );
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
$ol.append($li);
}
$('#ve-linear-model-dump').html($ol);
// tree dump
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
var getKids = function ( obj ) {
var $ol = $('<ol start="0"></ol>'),
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
$li;
for( var i = 0; i < obj.children.length; i++ ) {
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$li = $('<li>');
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
if ( obj.children[i].length !== undefined ) {
$li.text(
obj.children[i].type + ' (' +
obj.children[i].length + ')'
);
} else {
$li.text( obj.children[i].type );
}
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
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].documentModel.documentNode));
$('#ve-view-tree-dump').html(getKids(ve.instances[0].view.documentView.documentNode));
$('#ve-dump').show();
e.preventDefault();
return false;
} );
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$( '#ve-get-range' ).on( "click", function ( e ) {
Added very simple "debug" tool to demo page. Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
2012-07-24 23:44:06 +00:00
var range = ve.instances[0].view.model.getSelection();
$( '#ve-debug-start' ).val( range.start );
$( '#ve-debug-end' ).val( range.end );
e.preventDefault();
return false;
} );
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$( '#ve-dump-data' ).on( "click", function ( e ) {
Added very simple "debug" tool to demo page. Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
2012-07-24 23:44:06 +00:00
var start = $( '#ve-debug-start' ).val(),
end = $( '#ve-debug-end' ).val();
// TODO: Validate input
console.dir( ve.instances[0].view.documentView.model.data.slice( start, end ) );
e.preventDefault();
return false;
} );
} );
</script>
svn:eol-style native
2012-02-07 19:13:19 +00:00
</body>
</html>
Reference in a new issue Copy permalink