X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/bc034b92ca42b68512daa81ae3306d0d351af04c..d0bf0dec6f6c72fb6dd3bccccbabf858c71368a0:/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 a398f26..3e6a209 100644 --- a/src/editor/modules/documentCanvas/documentCanvas.js +++ b/src/editor/modules/documentCanvas/documentCanvas.js @@ -1,21 +1,27 @@ // Module that implements main WYSIWIG edit area define([ +'libs/jquery', 'libs/underscore', './canvas/canvas', -'./commands', -'libs/text!./template.html'], function(_, canvas3, commands, template) { +'libs/text!./template.html'], function($, _, canvas3, template) { 'use strict'; return function(sandbox) { - var canvas = canvas3.fromXMLDocument(null, sandbox.publish); + var canvas = canvas3.fromXMLDocument(null); 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,38 +39,42 @@ 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); - }, - highlightElement: function(element) { - element.toggleHighlight(true); + highlightElement: function(node) { + canvas.toggleElementHighlight(node, true); }, - dimElement: function(element) { - element.toggleHighlight(false); + dimElement: function(node) { + canvas.toggleElementHighlight(node, 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'); + onAfterActionExecuted: function(action, ret) { + (actionHandlers[action.getPluginName()] || []).forEach(function(handler) { + handler(canvas, action, ret); + }); } };