// Module that implements main WYSIWIG edit area
define([
-'libs/underscore',
+'libs/jquery',
'./canvas/canvas',
'./commands',
-'libs/text!./template.html'], function(_, canvas3, commands, template) {
+'libs/text!./template.html'], function($, canvas3, commands, template) {
'use strict';
return function(sandbox) {
- var canvas = canvas3.fromXML('', sandbox.publish);
+ var canvas = canvas3.fromXMLDocument(null, sandbox.publish);
var canvasWrapper = $(template);
var shownAlready = false;
var scrollbarPosition = 0,
/* public api */
return {
start: function() { sandbox.publish('ready'); },
- getView: function() {
+ getView: function() {
return canvasWrapper;
},
setDocument: function(wlxmlDocument) {
canvas.loadWlxmlDocument(wlxmlDocument);
canvasWrapper.find('#rng-module-documentCanvas-content').empty().append(canvas.view());
- sandbox.publish('documentSet');
},
- getDocument: function() {
- return canvas.toXML();
+ highlightElement: function(node) {
+ canvas.toggleElementHighlight(node, true);
},
- modifyCurrentNodeElement: function(attr, value) {
- var currentNodeElement = canvas.getCurrentNodeElement();
- if(attr === 'class' || attr === 'tag') {
- currentNodeElement['setWlxml'+(attr[0].toUpperCase() + attr.substring(1))](value);
- } else {
- currentNodeElement.setWlxmlMetaAttr(attr, value);
- }
- sandbox.publish('currentNodeElementChanged', currentNodeElement);
+ dimElement: function(node) {
+ canvas.toggleElementHighlight(node, false);
},
- highlightElement: function(element) {
- element.toggleHighlight(true);
- },
- dimElement: function(element) {
- element.toggleHighlight(false);
- },
- jumpToElement: function(element) {
- canvas.setCurrentElement(element);
+ jumpToElement: function(node) {
+ canvas.setCurrentElement(node);
},
command: function(command, params) {
- commands.run(command, params, canvas);
- sandbox.publish('contentChanged');
+ commands.run(command, params, canvas, sandbox.getConfig().user);
}
};