PNE Core

PlugNedit Flux Version 1.0

flxmth


Core Functions:


 

PNEDITOR.initPlugNEdit(a) 
Toggles core editor mouse / window events from enabled to disabled.

AddEventListen : function (Obj, evnt, func)
Adds event listener to object.

Flux Window Events

Add event listeners to editor window and canvas window.
PlugNedit uses multi  window mouse catpures to separate the content from the canvas and editor.
EI9+ Chrome FireFox Safari compatible.

Mouse Over : Catch mouse chords
this.AddEventListen(this.CanvasWindow, ‘mousemove’, this.MouseMove);
this.AddEventListen(document, ‘mousemove’, this.MouseMove);

Mouse Over : Catch object tags
this.AddEventListen(this.CanvasWindow, ‘mouseover’, this.BrowseElements);
this.AddEventListen(document, ‘mouseover’, this.BrowseElements);

Mouse Out : Release object tags
this.AddEventListen(this.CanvasWindow, ‘mouseout’, this.ReleaseTarget);
this.AddEventListen(document, ‘mouseout’, this.ReleaseTarget);

Mouse Down : Identify PlugNedit objects.
this.AddEventListen(this.CanvasWindow, ‘mousedown’, this.ElementFinder);
this.AddEventListen(document, ‘mousedown’, this.ElementFinder);

Key Down : Disabe accidently leaving of the page.
this.AddEventListen(this.CanvasWindow, ‘keydown’, this.DisableEvent);
this.AddEventListen(document, ‘keydown’, this.DisableEvent);
Key Press : Disabe accidently leaving of the page.
this.AddEventListen(this.CanvasWindow, ‘keypress’, this.DisableEvent);
this.AddEventListen(document, ‘keypress’, this.DisableEvent);

Mouse Up : Unlock unused objects .
this.AddEventListen(this.CanvasWindow, ‘mouseup’, this.UnlockElement);
this.AddEventListen(document, ‘mouseup’, this.UnlockElement);

Double Click : Double click options.
this.AddEventListen(this.CanvasWindow, ‘dblclick’, this.DoubleDown);
this.AddEventListen(document, ‘dblclick’, this.DoubleDown);

Drag Start : Keep object from accidently placement outside editor formatting.
this.AddEventListen(this.CanvasWindow, ‘dragstart’, this.ReturnFalse);
this.AddEventListen(document, ‘dragstart’, this.ReturnFalse);

Window Resize : Reset the editor positioning.
this.AddEventListen(window, ‘resize’, this.Elementposition);

On Sroll : Sroll toolbars or palletes
this.AddEventListen(window, ‘scroll’, this.ObjectPosition);

On Unload : Make suere the eidtor is ready to unload.
this.AddEventListen(window, ‘beforeunload’, this.CheckUnload);
this.AddEventListen(this.CanvasWindow, ‘beforeunload’, this.CheckUnload);

On Context Menu : Stop the browser context menu right click menu from showing.
this.AddEventListen(this.CanvasWindow, ‘contextmenu’, this.ReturnFalse);

On Mouse Wheel : Make sure the mouse wheel scrolls the editor not the canvas.
this.AddEventListen(this.CanvasWindow, ‘onwheel’, this.MouseWheelHandler);
this.AddEventListen(this.CanvasWindow, ‘scroll’, this.MouseWheelHandler);

 


PNEDITOR.SetMarginType()

Toggles the editor canvas size from desktop canvas size to mobile device size.


PNEDITOR.SetAdaptiveMargins()
Sets adaptive margins and spacers on loading page.


 PNEDITOR.CreateResponsive()
Sets page attribute to reflect responsive page.


 PNEDITOR.BuildSLayer(a)
Builds canvas layer ID from layer number.


 PNEDITOR.isImage(a)

Checks if current layer number is a image layer.


 PNEDITOR.BuildELayer(a)
Builds editor layer ID from number.


 PNEDITOR.BuildInterLayer()
Builds interior canvas layer ID from number.


 PNEDITOR.CreateAdaptive()
Creates a adaptive canvas.


 PNEDITOR.ReleaseElements()
Releases current object selected for editing.


 PNEDITOR.SwitchCanvas()
Toggles editor canvas from desktop view to mobile view.


 PNEDITOR.SetMobileCanvas()

Sets the editor to Adaptive canvas.


 PNEDITOR.StyleRollOver()

Styles object to a javascript rollover.


 PNEDITOR.LockLayer()

Toggles current layer to locked position and can not be moved or re-sized.


 PNEDITOR.CloneLayer()

Clones current text layer.


 PNEDITOR.Swatches()

Displays color swatches menu.


 PNEDITOR.isNumeric()

Returns true/false if a number.


 PNEDITOR.Qupdate()

Sets current layer to chords input update.


 PNEDITOR.LoadPNECKFonts()
Loads Google fonts into CKEDITOR drop down font selector.


 PNEDITOR.REI()
Returns layer element object from canvas.


 PNEDITOR.RE()
Returns layer element object from editor.


PNEDITOR.RS()
Checks if current layer object may be re-sized.


PNEDITOR.RM()
Checks if current layer object may be moved.


PNEDITOR.LoadHTMLEditor()
Loads CKEDITOR inline if present.


PNEDITOR.RNum()
Returns stripped string of numeric characters.


PNEDITOR.FontWeight()
Toggles font weight from bold to normal on current selected layer.


PNEDITOR.FontStyle()
Toggles font style from italic to normal on current selected layer.


PNEDITOR.LTR()
Sets current object layer to Left to Right text.


PNEDITOR.RTL()
Sets current object layer to Right to Left text.


PNEDITOR.Guides()
Toggles Guides visibility.


PNEDITOR.BGColor()
Sets the page background in the editor.


PNEDITOR.DisplayURLimage()
Displays the URL entry menu of the current selected image.


PNEDITOR.AdjustTheDiv()
Auto adjust the current div to resize when content is larger then the height of the layer.


PNEDITOR.setCharAt()
Sets a character at specified position in a string.


PNEDITOR.SetToolBarParams()
Sets the toolbar options to reflect the current settings of the selected layer.


PNEDITOR.ToolTip()
Sets a tooltip.


PNEDITOR.DeleteLayers()
Deletes the current active layer.


PNEDITOR.SendControl()
Switches the editor control from PlugNedit to CKEDITOR if present.


PNEDITOR.Elementposition()
Sets the Screen Width and Half Screen settings in the editor.


PNEDITOR.EmbedHTML()
Displays the Embed entry menu.


PNEDITOR.Bullpen()
Sets blocks to limit the editing errea.


PNEDITOR.SetMousePX ()
Sets the mouse positions.


PNEDITOR.TestOBJECT()
Tests if the current element object is a valid editor object.


PNEDITOR.Dragall()
Moves all layers selected.


PNEDITOR.Movealllayers()
Moves all objects bellow the pull hinge on re-size.


PNEDITOR.getFirstChild()
Returns first valid child element.


PNEDITOR.Setguidlinesv()
Sets vertical guides to their newest position.


PNEDITOR.Setguidlines()
Sets horizontal guides to their newest position.


PNEDITOR.ProximityAlarm()
Sets the re-size when object is being sized in the editor.


PNEDITOR.OffsetTop()
Returns the offset top position including padding of inner element to the parent layer.


PNEDITOR.SetLayerMove()
Controls the movement and position of layer.


PNEDITOR.getxy()
Triggered on mouse move to control which functions to call (Re-size object / Move Object / Set Guides) .


PNEDITOR.getxy()
Triggered on mouse move to control which functions to call (Re-size object / Move Object / Set Guides) .


PNEDITOR.SetCrossHairs()
Sets simple cross hairs when full guides are not available.


PNEDITOR.BrowseElements()
Checks if targeted mouse over element is a editor object.


PNEDITOR.SetRightClickOption()
Sets proper position of right mouse click position and displays menu.


PNEDITOR.CKDestroy()
Destroys all instances of CKEDITOR from plugnedit.


PNEDITOR.Insertckmove()
Inserts position elements into the CKEDITOR inline editor so it can be moved.


PNEDITOR.RenewInline()
Renews the CKEDITOR if present.


PNEDITOR.ContentEditableFalse()
Sets current active layer to not allow ContentEditable.


PNEDITOR.ResetDisplay()
Sets all editor layer border highlights to transparent.


PNEDITOR.CloseFrames()
Closes swatch frame.


PNEDITOR.ElementFinder()
Triggered on mouse down, decides if current object target is a editor element.


PNEDITOR.ConstrainP()
Sets object to toggle constrain proportion on re-size.


PNEDITOR.DisplayLog()
Outputs and diplays current editor array settings to the console log.


PNEDITOR.SelectItems()
On click and hold event for selecting multiple objects in the editor.


PNEDITOR.UnlockElement()
Unlocks objects temp objects on mouse up.


PNEDITOR.DoubleDown()
Double click event triggers.


PNEDITOR.ObjectPosition()
Buffer event before scrolling layers.


PNEDITOR.ScrollLayers()
Sets the new scroll position and moves menus.


PNEDITOR.NewLayers()
Sets a new HTML/Text layer.


PNEDITOR.ImagePlace()
Place a new image layer.


PNEDITOR.Setimage()
Sets the image in the editor at proper size and loads image attributes into the editor.



PNEDITOR.PicSize()
Loads image into editor and triggers the set image when loaded.


PNEDITOR.SetVisualChords()
Sets the visual chords of the current layer selected.


PNEDITOR.DisableEvent()
Disables proper default browser events that disrupt with the editor


PNEDITOR.DisableEvent()
Disables proper default browser events that disrupt with the editor.


PNEDITOR.DivsOnRoids()
Sets the rotation angle of current layer.


PNEDITOR.checkVersion()
Sets IE version.


PNEDITOR.HyperLink()
Sets Hyperlink on current layer (Block Level Link).


PNEDITOR.SortRGB()
Converts RGB color to Hexadecimal Color.


PNEDITOR.toHex()
Converts RGB value to a valid hex value.


PNEDITOR.FontSelect()
Sets current font family on selected layer.


PNEDITOR.changeFontSize()
Changes the font size on current layer.


PNEDITOR.Undoit()
Changes the step of the canvas and editor to the undo / redo step count.


PNEDITOR.SortLayers()
Sorts the layers palette and highlights proper objects.


PNEDITOR.TransDiv()
Sets the transparency of the current layer.


PNEDITOR.Sorttext()
Source text entry to the current active layer.


PNEDITOR.SortDivText()
Sorts the layer HTML to the source text area entry.


PNEDITOR.looparray()
Loops layer editor elements and removes editor specific traits.


PNEDITOR.PrepSave()
Called before editor starts to save a page to run custom functions.


PNEDITOR.SetMobileSpacers()
Sets the HTML spacers when page is being saved to the height of the canvas.


PNEDITOR.TransferHT()
Sets final canvas settings and transfers the HTML to text area.


PNEDITOR.ControlLayers()
Controls the functions of the layer and layers palette.



PNEDITOR.ToggleLayerVisibility()
Toggles the layer visibility.



PNEDITOR.ImageActual()
Checks the size of a image layer and sets the editor attributes.



PNEDITOR.DS()
Hides editor Quick Bar elements.



PNEDITOR.CleanWorkArea()
Cleans up editor work area and resets Quick Bar elements.



PNEDITOR.LayerAdjust()
Adjusts the Z-Index of elements.



PNEDITOR.LoadPage()
Loads page into editor.


PNEDITOR.setpaddingbottom()
Sets custom footer padding.


PNEDITOR.SetPageOffsets()
Sets the Iframe canvas offset to align with the editor.


PNEDITOR.LStylesN()
Sets the duplicate styles options in the editor.


PNEDITOR.DLStylenew()
Sets the selected layer styles to the newly selected style.


PNEDITOR.PNENull()
Checks if null, undefined or otherwise.


PNEDITOR.StyleInlinediv()
Sets a style for current layer selected.


PNEDITOR.validateHColor()
Validates a HEX Color.


PNEDITOR.SideBar()
Sets the current menu bar to the selected menu bar.


PNEDITOR.GuidesRules()
Toggles guides rules visibility


PNEDITOR.ResetMargins()
Sets margins to different width.


PNEDITOR.SetGuidesDiv()
Sets guidelines.


PNEDITOR.Setselect()
Sets a select option to selected value.


PNEDITOR.SubmitHtmlSave()
Submits HTML to page for processing.


PNEDITOR.SetRulers()
Sets rulers to proper half screen width.


PNEDITOR.PNEMove()
Moves all currently selected layers.


PNEDITOR.Settextd()
Sets text decoration style (To be moved to styleinlinediv()) deprecate.