X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/4bd7ae43a9d3cd78105f174d1f92c1bc92d35f02..6d7963d9e1a726e9e8d2173b7df165c63421f546:/src/editor/modules/documentCanvas/documentCanvas.js?ds=sidebyside diff --git a/src/editor/modules/documentCanvas/documentCanvas.js b/src/editor/modules/documentCanvas/documentCanvas.js index 84fb086..a440bb9 100644 --- a/src/editor/modules/documentCanvas/documentCanvas.js +++ b/src/editor/modules/documentCanvas/documentCanvas.js @@ -1,21 +1,39 @@ // Module that implements main WYSIWIG edit area define([ +'libs/jquery', 'libs/underscore', +'fnpjs/logging/logging', './canvas/canvas', -'./commands', -'libs/text!./template.html'], function(_, canvas3, commands, template) { +'libs/text!./template.html'], function($, _, logging, canvas3, template) { 'use strict'; + +var logger = logging.getLogger('documentCanvas'); + return function(sandbox) { - var canvas = canvas3.fromXML('', sandbox.publish); + var canvasElements = []; + + sandbox.getPlugins().forEach(function(plugin) { + canvasElements = canvasElements.concat(plugin.canvasElements || []); + }); + + var canvas = canvas3.fromXMLDocument(null, canvasElements, { + user: sandbox.getConfig().user + }, sandbox); var canvasWrapper = $(template); var shownAlready = false; var scrollbarPosition = 0, + actionHandlers = {}, cursorPosition; + + canvas.on('selectionChanged', function(selection) { + sandbox.publish('selectionChanged', selection); + }); + canvasWrapper.onShow = function() { if(!shownAlready) { shownAlready = true; @@ -33,39 +51,40 @@ return function(sandbox) { /* public api */ return { - start: function() { sandbox.publish('ready'); }, - getView: function() { + start: function() { + sandbox.getPlugins().forEach(function(plugin) { + var handlers; + if(plugin.canvas) { + handlers = plugin.canvas.actionHandlers; + if(handlers && !_.isArray(handlers)) { + handlers = [handlers]; + } + actionHandlers[plugin.name] = handlers; + } + }); + sandbox.publish('ready'); + }, + getView: function() { return canvasWrapper; }, + getCanvas: function() { + return canvas; + }, setDocument: function(wlxmlDocument) { canvas.loadWlxmlDocument(wlxmlDocument); - canvasWrapper.find('#rng-module-documentCanvas-content').empty().append(canvas.view()); - sandbox.publish('documentSet'); + canvasWrapper.find('#rng-module-documentCanvas-contentWrapper').empty().append(canvas.view()); }, - getDocument: function() { - return canvas.toXML(); - }, - 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); + onAfterActionExecuted: function(action, ret) { + if(ret && ret.isValid && ret.isValid()) { + logger.debug('The action returned a valid fragment'); + return canvas.select(ret); } - sandbox.publish('currentNodeElementChanged', currentNodeElement); - }, - highlightElement: function(element) { - element.toggleHighlight(true); - }, - dimElement: function(element) { - element.toggleHighlight(false); - }, - jumpToElement: function(element) { - canvas.setCurrentElement(element); - }, - command: function(command, params) { - commands.run(command, params, canvas); - sandbox.publish('contentChanged'); + + logger.debug('No valid fragment returned from the action'); + + (actionHandlers[action.getPluginName()] || []).forEach(function(handler) { + handler(canvas, action, ret); + }); } };