/* Static Members */ ve.dm.example = {}; /** * Serialized HTML. * * This is what the parser will emit. */ ve.dm.example.html = '
' +
' d ' + '
| ' +
'
hi'+ '
j
' + 'k
' + 'l
' + 'm
'; /* * Linear data. * * This is what we convert serialized HTML from the parser into so we can work with it more easily. * * There are three types of components in content data: * * {String} Plain text character * * {Array} Annotated character * 0: {String} Character * 1: {Object} List of references to immutable annotation objects, keyed by JSON * serializations of their values (hashes) * * {Object} Opening or closing structural element * type: {String} Symbolic node type name, if closing element first character will be "/" * [attributes]: {Object} List of symbolic attribute name and literal value pairs */ ve.dm.example.data = [ // 0 - Beginning of heading { 'type': 'heading', 'attributes': { 'level': 1 } }, // 1 - Plain "a" 'a', // 2 - Bold "b" ['b', { '{"type":"textStyle/bold"}': { 'type': 'textStyle/bold' } }], // 3 - Italic "c" ['c', { '{"type":"textStyle/italic"}': { 'type': 'textStyle/italic' } }], // 4 - End of heading { 'type': '/heading' }, // 5 - Beginning of table { 'type': 'table' }, // 6 - Beginning of row { 'type': 'tableRow' }, // 7 - Beginning of cell { 'type': 'tableCell' }, // 8 - Beginning of paragraph { 'type': 'paragraph' }, // 9 - Plain "d" 'd', // 10 - End of paragraph { 'type': '/paragraph' }, // 11 - Beginning of bullet list { 'type': 'list', 'attributes': { 'style': 'bullet' } }, // 12 - Beginning of list item { 'type': 'listItem' }, // 13 - Beginning of paragraph { 'type': 'paragraph' }, // 14 - Plain "e" 'e', // 15 - End of paragraph { 'type': '/paragraph' }, // 16 - Beginning of nested bullet list { 'type': 'list', 'attributes': { 'style': 'bullet' } }, // 17 - Beginning of nested bullet list item { 'type': 'listItem' }, // 18 - Beginning of paragraph { 'type': 'paragraph' }, // 19 - Plain "f" 'f', // 20 - End of paragraph { 'type': '/paragraph' }, // 21 - End of nested bullet list item { 'type': '/listItem' }, // 22 - End of nested bullet list { 'type': '/list' }, // 23 - End of bullet list item { 'type': '/listItem' }, // 24 - End of bullet list { 'type': '/list' }, // 25 - Beginning of numbered list { 'type': 'list', 'attributes': { 'style': 'number' } }, // 26 - Beginning of numbered list item { 'type': 'listItem' }, // 27 - Beginning of paragraph { 'type': 'paragraph' }, // 28 - Plain "g" 'g', // 29 - End of paragraph { 'type': '/paragraph' }, // 30 - End of item { 'type': '/listItem' }, // 31 - End of list { 'type': '/list' }, // 32 - End of cell { 'type': '/tableCell' }, // 33 - End of row { 'type': '/tableRow' }, // 34 - End of table { 'type': '/table' }, // 35 - Beginning of preformatted { 'type': 'preformatted' }, // 36 - Plain "h" 'h', // 37 - Beginning of inline image { 'type': 'image', 'attributes': { 'html/src': 'image.png' } }, // 38 - End of inline image { 'type': '/image' }, // 39 - Plain "i" 'i', // 40 - End of preformatted { 'type': '/preformatted' }, // 41 - Beginning of definition list { 'type': 'definitionList' }, // 42 - Beginning of definition list term item { 'type': 'definitionListItem', 'attributes': { 'style': 'term' } }, // 43 - Beginning of paragraph { 'type': 'paragraph' }, // 44 - Plain "j" 'j', // 45 - End of paragraph { 'type': '/paragraph' }, // 46 - End of definition list term item { 'type': '/definitionListItem' }, // 47 - Beginning of definition list definition item { 'type': 'definitionListItem', 'attributes': { 'style': 'definition' } }, // 48 - Beginning of paragraph { 'type': 'paragraph' }, // 49 - Plain "k" 'k', // 50 - End of paragraph { 'type': '/paragraph' }, // 51 - End of definition list definition item { 'type': '/definitionListItem' }, // 52 - End of definition list { 'type': '/definitionList' }, // 53 - Beginning of paragraph { 'type': 'paragraph' }, // 54 - Plain "l" 'l', // 55 - End of paragraph { 'type': '/paragraph' }, // 56 - Beginning of paragraph { 'type': 'paragraph' }, // 57 - Plain "m" 'm', // 58 - End of paragraph { 'type': '/paragraph' } // 59 - End of document ]; ve.dm.example.alienData = [ // 0 - Open alienBlock { 'type': 'alienBlock' }, // 1 - Close alienBlock { 'type': '/alienBlock' }, // 2 - Open paragraph { 'type': 'paragraph' }, // 3 - Plain character 'a' 'a', // 4 - Open alienInline { 'type': 'alienBlock' }, // 5 - Close alienInline { 'type': '/alienBlock' }, // 6 - Plain character 'b' 'b', // 7 - Close paragraph { 'type': '/paragraph' }, // 8 - Open alienBlock { 'type': 'alienBlock' }, // 9 - Close alienBlock { 'type': '/alienBlock' } // 10 - End of document ]; /** * Sample content data index. * * This is part of what a ve.dm.DocumentFragment generates when given linear data. * * (21) branch nodes * (01) document node * (01) heading node * (01) table node * (01) tableRow node * (01) tableCell node * (06) paragraph nodes * (03) list nodes * (03) listItem nodes * (01) preformatted node * (01) definitionList node * (02) definitionListItem nodes * (10) leaf nodes * (09) text nodes * (01) image node */ ve.dm.example.tree = new ve.dm.DocumentNode( [ // Heading with "abc" new ve.dm.HeadingNode( [new ve.dm.TextNode( 3 )], ve.dm.example.data[0].attributes ), new ve.dm.TableNode( [ new ve.dm.TableRowNode( [ new ve.dm.TableCellNode( [ // Paragraph with "d" new ve.dm.ParagraphNode( [new ve.dm.TextNode( 1 )] ), new ve.dm.ListNode( [ // 1st level bullet list item with "e" new ve.dm.ListItemNode( [ new ve.dm.ParagraphNode( [new ve.dm.TextNode( 1 )] ), new ve.dm.ListNode( [ // 2nd level bullet list item with "f" new ve.dm.ListItemNode( [ new ve.dm.ParagraphNode( [new ve.dm.TextNode( 1 )] ) ] ) ], ve.dm.example.data[16].attributes ) ] ) ], ve.dm.example.data[11].attributes ), new ve.dm.ListNode( [ // Numbered list item with "g" new ve.dm.ListItemNode( [ new ve.dm.ParagraphNode( [new ve.dm.TextNode( 1 )] ) ] ) ], ve.dm.example.data[25].attributes ) ] ) ] ) ] ), // Preformatted with "h[image.png]i" new ve.dm.PreformattedNode( [ new ve.dm.TextNode( 1 ), new ve.dm.ImageNode( [], ve.dm.example.data[37].attributes ), new ve.dm.TextNode( 1 ) ] ), new ve.dm.DefinitionListNode( [ // Definition list term item with "j" new ve.dm.DefinitionListItemNode( [ new ve.dm.ParagraphNode( [new ve.dm.TextNode( 1 )] ) ], ve.dm.example.data[42].attributes ), // Definition list definition item with "k" new ve.dm.DefinitionListItemNode( [ new ve.dm.ParagraphNode( [new ve.dm.TextNode( 1 )] ) ], ve.dm.example.data[47].attributes ) ] ), new ve.dm.ParagraphNode( [new ve.dm.TextNode( 1 )] ), new ve.dm.ParagraphNode( [new ve.dm.TextNode( 1 )] ) ] ); /* Methods */ /** * Creates an offset map that references a node tree. * * This is part of what a ve.dm.DocumentFragment generates when given linear data. * * @method * @param {ve.dm.DocumentNode} root Document node to reference */ ve.dm.example.getOffsetMap = function( root ) { var lookup = ve.example.lookupNode; return [ lookup( root ), // 0 - document //
lookup( root, 1, 0, 0 ), // 8 - tableCell
// lookup( root, 1, 0, 0, 0 ), // 9 - paragraph // d lookup( root, 1, 0, 0, 0 ), // 10 - paragraph // lookup( root, 1, 0, 0 ), // 11 - tableCell //
|
lookup( root, 1, 0 ), // 33 - tableRow
//
lookup( root, 2 ), // 36 - preformatted // h lookup( root, 2 ), // 37 - preformatted // lookup( root, 2 ), // 38 - preformatted // lookup( root, 2 ), // 39 - preformatted // i lookup( root, 2 ), // 40 - preformatted //lookup( root ), // 41 - document //
lookup( root, 3, 0, 0 ), // 44 - paragraph // j lookup( root, 3, 0, 0 ), // 45 - paragraph //
lookup( root, 3, 0 ), // 46 - definitionListItem //lookup( root, 3, 1, 0 ), // 49 - paragraph // k lookup( root, 3, 1, 0 ), // 50 - paragraph //
lookup( root, 3, 1 ), // 51 - definitionListItem //lookup( root, 4 ), // 54 - paragraph // f lookup( root, 4 ), // 55 - paragraph //
lookup( root ), // 56 - document //lookup( root, 5 ), // 57 - paragraph // f lookup( root, 5 ), // 58 - paragraph //
lookup( root ) // 59 - document ]; }; ve.dm.example.conversions = { 'definitionListItem term': { 'domElement': ve.dm.createDomElement( 'dt' ), 'dataElement': { 'type': 'definitionListItem', 'attributes': { 'style': 'term' } } }, 'definitionListItem definition': { 'domElement': ve.dm.createDomElement( 'dd' ), 'dataElement': { 'type': 'definitionListItem', 'attributes': { 'style': 'definition' } } }, 'definitionList definition': { 'domElement': ve.dm.createDomElement( 'dl' ), 'dataElement': { 'type': 'definitionList' } }, 'heading level 1': { 'domElement': ve.dm.createDomElement( 'h1' ), 'dataElement': { 'type': 'heading', 'attributes': { 'level': 1 } } }, 'heading level 2': { 'domElement': ve.dm.createDomElement( 'h2' ), 'dataElement': { 'type': 'heading', 'attributes': { 'level': 2 } } }, 'heading level 3': { 'domElement': ve.dm.createDomElement( 'h3' ), 'dataElement': { 'type': 'heading', 'attributes': { 'level': 3 } } }, 'heading level 4': { 'domElement': ve.dm.createDomElement( 'h4' ), 'dataElement': { 'type': 'heading', 'attributes': { 'level': 4 } } }, 'heading level 5': { 'domElement': ve.dm.createDomElement( 'h5' ), 'dataElement': { 'type': 'heading', 'attributes': { 'level': 5 } } }, 'heading level 6': { 'domElement': ve.dm.createDomElement( 'h6' ), 'dataElement': { 'type': 'heading', 'attributes': { 'level': 6 } } }, 'image': { 'domElement': ve.dm.createDomElement( 'image' ), 'dataElement': { 'type': 'image' } }, 'listItem': { 'domElement': ve.dm.createDomElement( 'li' ), 'dataElement': { 'type': 'listItem' } }, 'list bullet': { 'domElement': ve.dm.createDomElement( 'ul' ), 'dataElement': { 'type': 'list', 'attributes': { 'style': 'bullet' } } }, 'list number': { 'domElement': ve.dm.createDomElement( 'ol' ), 'dataElement': { 'type': 'list', 'attributes': { 'style': 'number' } } }, 'paragraph': { 'domElement': ve.dm.createDomElement( 'p' ), 'dataElement': { 'type': 'paragraph' } }, 'preformatted': { 'domElement': ve.dm.createDomElement( 'pre' ), 'dataElement': { 'type': 'preformatted' } }, 'tableCell': { 'domElement': ve.dm.createDomElement( 'td' ), 'dataElement': { 'type': 'tableCell' } }, 'table': { 'domElement': ve.dm.createDomElement( 'table' ), 'dataElement': { 'type': 'table' } }, 'tableRow': { 'domElement': ve.dm.createDomElement( 'tr' ), 'dataElement': { 'type': 'tableRow' } }, 'paragraph with mw-data attribute': { 'domElement': ve.dm.createDomElement( 'p', { 'data-mw': '{"test":1234}' } ), 'dataElement': { 'type': 'paragraph', 'attributes': { 'html/data-mw': '{"test":1234}' } } }, 'paragraph with style attribute': { 'domElement': ve.dm.createDomElement( 'p', { 'style': 'color:blue' } ), 'dataElement': { 'type': 'paragraph', 'attributes': { 'html/style': 'color:blue' } } } };