X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/cd02846fc9db03e6d9a2add20150b8808a66d850..add1f0df981b16a8c55d89089b2f338f77ae77b4:/src/editor/modules/documentCanvas/documentCanvas.js diff --git a/src/editor/modules/documentCanvas/documentCanvas.js b/src/editor/modules/documentCanvas/documentCanvas.js index 3ca4e46..7e70f7f 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.fromXMLDocument(null, sandbox.publish); + var canvasElements = []; + + sandbox.getPlugins().forEach(function(plugin) { + canvasElements = canvasElements.concat(plugin.canvasElements || []); + }); + + var canvas = canvas3.fromXMLDocument(null, canvasElements, { + user: sandbox.getConfig().user + }); 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,25 +51,28 @@ 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()); - }, - 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); - } - sandbox.publish('currentNodeElementChanged', currentNodeElement); + canvasWrapper.find('#rng-module-documentCanvas-contentWrapper').empty().append(canvas.view()); }, highlightElement: function(node) { canvas.toggleElementHighlight(node, true); @@ -62,9 +83,17 @@ return function(sandbox) { jumpToElement: function(node) { canvas.setCurrentElement(node); }, - command: function(command, params) { - commands.run(command, params, canvas); - sandbox.publish('contentChanged'); + onAfterActionExecuted: function(action, ret) { + if(ret && ret.isValid()) { + logger.debug('The action returned a valid fragment'); + return canvas.select(ret); + } + + logger.debug('No valid fragment returned from the action'); + + (actionHandlers[action.getPluginName()] || []).forEach(function(handler) { + handler(canvas, action, ret); + }); } };