| Index: trunk/extensions/VisualEditor/demo/es.js |
| — | — | @@ -0,0 +1,227 @@ |
| | 2 | +$(document).ready( function() { |
| | 3 | + window.wikiDom = { |
| | 4 | + 'type': 'document', |
| | 5 | + 'children': [ |
| | 6 | + { |
| | 7 | + 'type': 'heading', |
| | 8 | + 'attributes': { 'level': 1 }, |
| | 9 | + 'content': { |
| | 10 | + 'text': 'This is a heading (level 1)', |
| | 11 | + 'annotations': [ |
| | 12 | + { |
| | 13 | + 'type': 'italic', |
| | 14 | + 'range': { |
| | 15 | + 'start': 10, |
| | 16 | + 'end': 17 |
| | 17 | + } |
| | 18 | + } |
| | 19 | + ] |
| | 20 | + } |
| | 21 | + }, |
| | 22 | + { |
| | 23 | + 'type': 'heading', |
| | 24 | + 'attributes': { 'level': 2 }, |
| | 25 | + 'content': { |
| | 26 | + 'text': 'This is a heading (level 2)', |
| | 27 | + 'annotations': [ |
| | 28 | + { |
| | 29 | + 'type': 'italic', |
| | 30 | + 'range': { |
| | 31 | + 'start': 10, |
| | 32 | + 'end': 17 |
| | 33 | + } |
| | 34 | + } |
| | 35 | + ] |
| | 36 | + } |
| | 37 | + }, |
| | 38 | + { |
| | 39 | + 'type': 'heading', |
| | 40 | + 'attributes': { 'level': 3 }, |
| | 41 | + 'content': { |
| | 42 | + 'text': 'This is a heading (level 3)', |
| | 43 | + 'annotations': [ |
| | 44 | + { |
| | 45 | + 'type': 'italic', |
| | 46 | + 'range': { |
| | 47 | + 'start': 10, |
| | 48 | + 'end': 17 |
| | 49 | + } |
| | 50 | + } |
| | 51 | + ] |
| | 52 | + } |
| | 53 | + }, |
| | 54 | + { |
| | 55 | + 'type': 'heading', |
| | 56 | + 'attributes': { 'level': 4 }, |
| | 57 | + 'content': { |
| | 58 | + 'text': 'This is a heading (level 4)', |
| | 59 | + 'annotations': [ |
| | 60 | + { |
| | 61 | + 'type': 'italic', |
| | 62 | + 'range': { |
| | 63 | + 'start': 10, |
| | 64 | + 'end': 17 |
| | 65 | + } |
| | 66 | + } |
| | 67 | + ] |
| | 68 | + } |
| | 69 | + }, |
| | 70 | + { |
| | 71 | + 'type': 'heading', |
| | 72 | + 'attributes': { 'level': 5 }, |
| | 73 | + 'content': { |
| | 74 | + 'text': 'This is a heading (level 5)', |
| | 75 | + 'annotations': [ |
| | 76 | + { |
| | 77 | + 'type': 'italic', |
| | 78 | + 'range': { |
| | 79 | + 'start': 10, |
| | 80 | + 'end': 17 |
| | 81 | + } |
| | 82 | + } |
| | 83 | + ] |
| | 84 | + } |
| | 85 | + }, |
| | 86 | + { |
| | 87 | + 'type': 'heading', |
| | 88 | + 'attributes': { 'level': 6 }, |
| | 89 | + 'content': { |
| | 90 | + 'text': 'This is a heading (level 6)', |
| | 91 | + 'annotations': [ |
| | 92 | + { |
| | 93 | + 'type': 'italic', |
| | 94 | + 'range': { |
| | 95 | + 'start': 10, |
| | 96 | + 'end': 17 |
| | 97 | + } |
| | 98 | + } |
| | 99 | + ] |
| | 100 | + } |
| | 101 | + }, |
| | 102 | + { |
| | 103 | + 'type': 'paragraph', |
| | 104 | + 'content': { |
| | 105 | + 'text': 'In text display, line wrap is the feature of continuing on a new line when a line is full, such that each line fits in the viewable window, allowing text to be read from top to bottom without any horizontal scrolling.\nWord wrap is the additional feature of most text editors, word processors, and web browsers, of breaking lines between and not within words, except when a single word is longer than a line.', |
| | 106 | + 'annotations': [ |
| | 107 | + // 'In text display' should be bold |
| | 108 | + { 'type': 'bold', 'range': { 'start': 0, 'end': 15 } }, |
| | 109 | + // 'line wrap' should be italic |
| | 110 | + { 'type': 'italic', 'range': { 'start': 17, 'end': 26 } }, |
| | 111 | + // 'wrap is' should be a link to '#' |
| | 112 | + { |
| | 113 | + 'type': 'xlink', |
| | 114 | + 'data': { 'href': '#' }, |
| | 115 | + 'range': { 'start': 22, 'end': 29 } |
| | 116 | + } |
| | 117 | + ] |
| | 118 | + } |
| | 119 | + }, |
| | 120 | + { |
| | 121 | + 'type': 'paragraph', |
| | 122 | + 'content': { 'text': 'Test 22' } |
| | 123 | + }, |
| | 124 | + { |
| | 125 | + 'type': 'paragraph', |
| | 126 | + 'content': { 'text': 'Test 333' } |
| | 127 | + }, |
| | 128 | + { |
| | 129 | + 'type': 'list', |
| | 130 | + 'children': [ |
| | 131 | + { |
| | 132 | + 'type': 'listItem', |
| | 133 | + 'attributes': { |
| | 134 | + 'styles': ['bullet'] |
| | 135 | + }, |
| | 136 | + 'content': { |
| | 137 | + 'text': 'Test 4444' |
| | 138 | + } |
| | 139 | + }, |
| | 140 | + { |
| | 141 | + 'type': 'listItem', |
| | 142 | + 'attributes': { |
| | 143 | + 'styles': ['bullet', 'bullet'] |
| | 144 | + }, |
| | 145 | + 'content': { |
| | 146 | + 'text': 'Test 55555' |
| | 147 | + } |
| | 148 | + }, |
| | 149 | + { |
| | 150 | + 'type': 'listItem', |
| | 151 | + 'attributes': { |
| | 152 | + 'styles': ['number'] |
| | 153 | + }, |
| | 154 | + 'content': { |
| | 155 | + 'text': 'Test 666666' |
| | 156 | + } |
| | 157 | + } |
| | 158 | + ] |
| | 159 | + }, |
| | 160 | + { |
| | 161 | + 'type': 'table', |
| | 162 | + 'attributes': { 'html/style': 'width: 600px; border: solid 1px;' }, |
| | 163 | + 'children': [ |
| | 164 | + { |
| | 165 | + 'type': 'tableRow', |
| | 166 | + 'children': [ |
| | 167 | + { |
| | 168 | + 'type': 'tableCell', |
| | 169 | + 'attributes': { 'html/style': 'border: solid 1px;' }, |
| | 170 | + 'children': [ |
| | 171 | + { |
| | 172 | + 'type': 'paragraph', |
| | 173 | + 'content': { 'text': 'row 1 & cell 1' } |
| | 174 | + }, |
| | 175 | + { |
| | 176 | + 'type': 'list', |
| | 177 | + 'children': [ |
| | 178 | + { |
| | 179 | + 'type': 'listItem', |
| | 180 | + 'attributes': { |
| | 181 | + 'styles': ['bullet'] |
| | 182 | + }, |
| | 183 | + 'content': { |
| | 184 | + 'text': 'Test 4444' |
| | 185 | + } |
| | 186 | + }, |
| | 187 | + { |
| | 188 | + 'type': 'listItem', |
| | 189 | + 'attributes': { |
| | 190 | + 'styles': ['bullet', 'bullet'] |
| | 191 | + }, |
| | 192 | + 'content': { |
| | 193 | + 'text': 'Test 55555' |
| | 194 | + } |
| | 195 | + }, |
| | 196 | + { |
| | 197 | + 'type': 'listItem', |
| | 198 | + 'attributes': { |
| | 199 | + 'styles': ['number'] |
| | 200 | + }, |
| | 201 | + 'content': { |
| | 202 | + 'text': 'Test 666666' |
| | 203 | + } |
| | 204 | + } |
| | 205 | + ] |
| | 206 | + } |
| | 207 | + ] |
| | 208 | + }, |
| | 209 | + { |
| | 210 | + 'type': 'tableCell', |
| | 211 | + 'attributes': { 'html/style': 'border: solid 1px;' }, |
| | 212 | + 'children': [ |
| | 213 | + { |
| | 214 | + 'type': 'paragraph', |
| | 215 | + 'content': { 'text': 'row 1 & cell 2' } |
| | 216 | + } |
| | 217 | + ] |
| | 218 | + } |
| | 219 | + ] |
| | 220 | + } |
| | 221 | + ] |
| | 222 | + } |
| | 223 | + ] |
| | 224 | + }; |
| | 225 | + window.doc = es.DocumentModel.newFromPlainObject( window.wikiDom ); |
| | 226 | + window.surfaceModel = new es.SurfaceModel( window.doc ); |
| | 227 | + window.surfaceView = new es.SurfaceView( $( '#es-editor' ), window.surfaceModel ); |
| | 228 | +} ); |