PageRenderTime 26ms CodeModel.GetById 13ms app.highlight 10ms RepoModel.GetById 1ms app.codeStats 1ms

/source/Plug-in/fck/editor/plugins/placeholder/fckplugin.js

http://prosporous.googlecode.com/
JavaScript | 187 lines | 121 code | 35 blank | 31 comment | 26 complexity | 1f2187bad0d88774bfa617b53e862f48 MD5 | raw file
  1/*
  2 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
  3 * Copyright (C) 2003-2007 Frederico Caldeira Knabben
  4 *
  5 * == BEGIN LICENSE ==
  6 *
  7 * Licensed under the terms of any of the following licenses at your
  8 * choice:
  9 *
 10 *  - GNU General Public License Version 2 or later (the "GPL")
 11 *    http://www.gnu.org/licenses/gpl.html
 12 *
 13 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
 14 *    http://www.gnu.org/licenses/lgpl.html
 15 *
 16 *  - Mozilla Public License Version 1.1 or later (the "MPL")
 17 *    http://www.mozilla.org/MPL/MPL-1.1.html
 18 *
 19 * == END LICENSE ==
 20 *
 21 * Plugin to insert "Placeholders" in the editor.
 22 */
 23
 24// Register the related command.
 25FCKCommands.RegisterCommand( 'Placeholder', new FCKDialogCommand( 'Placeholder', FCKLang.PlaceholderDlgTitle, FCKPlugins.Items['placeholder'].Path + 'fck_placeholder.html', 340, 170 ) ) ;
 26
 27// Create the "Plaholder" toolbar button.
 28var oPlaceholderItem = new FCKToolbarButton( 'Placeholder', FCKLang.PlaceholderBtn ) ;
 29oPlaceholderItem.IconPath = FCKPlugins.Items['placeholder'].Path + 'placeholder.gif' ;
 30
 31FCKToolbarItems.RegisterItem( 'Placeholder', oPlaceholderItem ) ;
 32
 33
 34// The object used for all Placeholder operations.
 35var FCKPlaceholders = new Object() ;
 36
 37// Add a new placeholder at the actual selection.
 38FCKPlaceholders.Add = function( name )
 39{
 40	var oSpan = FCK.InsertElement( 'span' ) ;
 41	this.SetupSpan( oSpan, name ) ;
 42}
 43
 44FCKPlaceholders.SetupSpan = function( span, name )
 45{
 46	span.innerHTML = '[[ ' + name + ' ]]' ;
 47
 48	span.style.backgroundColor = '#ffff00' ;
 49	span.style.color = '#000000' ;
 50
 51	if ( FCKBrowserInfo.IsGecko )
 52		span.style.cursor = 'default' ;
 53
 54	span._fckplaceholder = name ;
 55	span.contentEditable = false ;
 56
 57	// To avoid it to be resized.
 58	span.onresizestart = function()
 59	{
 60		FCK.EditorWindow.event.returnValue = false ;
 61		return false ;
 62	}
 63}
 64
 65// On Gecko we must do this trick so the user select all the SPAN when clicking on it.
 66FCKPlaceholders._SetupClickListener = function()
 67{
 68	FCKPlaceholders._ClickListener = function( e )
 69	{
 70		if ( e.target.tagName == 'SPAN' && e.target._fckplaceholder )
 71			FCKSelection.SelectNode( e.target ) ;
 72	}
 73
 74	FCK.EditorDocument.addEventListener( 'click', FCKPlaceholders._ClickListener, true ) ;
 75}
 76
 77// Open the Placeholder dialog on double click.
 78FCKPlaceholders.OnDoubleClick = function( span )
 79{
 80	if ( span.tagName == 'SPAN' && span._fckplaceholder )
 81		FCKCommands.GetCommand( 'Placeholder' ).Execute() ;
 82}
 83
 84FCK.RegisterDoubleClickHandler( FCKPlaceholders.OnDoubleClick, 'SPAN' ) ;
 85
 86// Check if a Placholder name is already in use.
 87FCKPlaceholders.Exist = function( name )
 88{
 89	var aSpans = FCK.EditorDocument.getElementsByTagName( 'SPAN' ) ;
 90
 91	for ( var i = 0 ; i < aSpans.length ; i++ )
 92	{
 93		if ( aSpans[i]._fckplaceholder == name )
 94			return true ;
 95	}
 96
 97	return false ;
 98}
 99
100if ( FCKBrowserInfo.IsIE )
101{
102	FCKPlaceholders.Redraw = function()
103	{
104		if ( FCK.EditMode != FCK_EDITMODE_WYSIWYG )
105			return ;
106
107		var aPlaholders = FCK.EditorDocument.body.innerText.match( /\[\[[^\[\]]+\]\]/g ) ;
108		if ( !aPlaholders )
109			return ;
110
111		var oRange = FCK.EditorDocument.body.createTextRange() ;
112
113		for ( var i = 0 ; i < aPlaholders.length ; i++ )
114		{
115			if ( oRange.findText( aPlaholders[i] ) )
116			{
117				var sName = aPlaholders[i].match( /\[\[\s*([^\]]*?)\s*\]\]/ )[1] ;
118				oRange.pasteHTML( '<span style="color: #000000; background-color: #ffff00" contenteditable="false" _fckplaceholder="' + sName + '">' + aPlaholders[i] + '</span>' ) ;
119			}
120		}
121	}
122}
123else
124{
125	FCKPlaceholders.Redraw = function()
126	{
127		if ( FCK.EditMode != FCK_EDITMODE_WYSIWYG )
128			return ;
129
130		var oInteractor = FCK.EditorDocument.createTreeWalker( FCK.EditorDocument.body, NodeFilter.SHOW_TEXT, FCKPlaceholders._AcceptNode, true ) ;
131
132		var	aNodes = new Array() ;
133
134		while ( ( oNode = oInteractor.nextNode() ) )
135		{
136			aNodes[ aNodes.length ] = oNode ;
137		}
138
139		for ( var n = 0 ; n < aNodes.length ; n++ )
140		{
141			var aPieces = aNodes[n].nodeValue.split( /(\[\[[^\[\]]+\]\])/g ) ;
142
143			for ( var i = 0 ; i < aPieces.length ; i++ )
144			{
145				if ( aPieces[i].length > 0 )
146				{
147					if ( aPieces[i].indexOf( '[[' ) == 0 )
148					{
149						var sName = aPieces[i].match( /\[\[\s*([^\]]*?)\s*\]\]/ )[1] ;
150
151						var oSpan = FCK.EditorDocument.createElement( 'span' ) ;
152						FCKPlaceholders.SetupSpan( oSpan, sName ) ;
153
154						aNodes[n].parentNode.insertBefore( oSpan, aNodes[n] ) ;
155					}
156					else
157						aNodes[n].parentNode.insertBefore( FCK.EditorDocument.createTextNode( aPieces[i] ) , aNodes[n] ) ;
158				}
159			}
160
161			aNodes[n].parentNode.removeChild( aNodes[n] ) ;
162		}
163
164		FCKPlaceholders._SetupClickListener() ;
165	}
166
167	FCKPlaceholders._AcceptNode = function( node )
168	{
169		if ( /\[\[[^\[\]]+\]\]/.test( node.nodeValue ) )
170			return NodeFilter.FILTER_ACCEPT ;
171		else
172			return NodeFilter.FILTER_SKIP ;
173	}
174}
175
176FCK.Events.AttachEvent( 'OnAfterSetHTML', FCKPlaceholders.Redraw ) ;
177
178// We must process the SPAN tags to replace then with the real resulting value of the placeholder.
179FCKXHtml.TagProcessors['span'] = function( node, htmlNode )
180{
181	if ( htmlNode._fckplaceholder )
182		node = FCKXHtml.XML.createTextNode( '[[' + htmlNode._fckplaceholder + ']]' ) ;
183	else
184		FCKXHtml._AppendChildNodes( node, htmlNode, false ) ;
185
186	return node ;
187}