[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Phpgroupware-cvs] news_admin/js/fckeditor/editor/plugins/placeholder p
From: |
skwashd |
Subject: |
[Phpgroupware-cvs] news_admin/js/fckeditor/editor/plugins/placeholder placeholder.gif, 1.1 fckplugin.js, 1.1 fck_placeholder.html, 1.1 |
Date: |
Tue, 24 May 2005 16:32:00 +0200 |
Update of news_admin/js/fckeditor/editor/plugins/placeholder
Added Files:
Branch: MAIN
placeholder.gif
fckplugin.js
fck_placeholder.html
Log Message:
I am working on a much better version of news_admin, this is just a taste of
what is coming.
Adding FCKeditor, which has the following issues:
* Images and files support FCKd
* Spellcheck FCKing up
Didn't include non php code or samples other unneeded crap
====================================================
Index: fckplugin.js
// Register the related command.
FCKCommands.RegisterCommand( 'Placeholder', new FCKDialogCommand(
'Placeholder', FCKLang.PlaceholderDlgTitle,
FCKPlugins.Items['placeholder'].Path + 'fck_placeholder.html', 340, 170 ) ) ;
// Create the "Plaholder" toolbar button.
var oPlaceholderItem = new FCKToolbarButton( 'Placeholder',
FCKLang.PlaceholderBtn ) ;
oPlaceholderItem.IconPath = FCKPlugins.Items['placeholder'].Path +
'placeholder.gif' ;
FCKToolbarItems.RegisterItem( 'Placeholder', oPlaceholderItem ) ;
// The object used for all Placeholder operations.
var FCKPlaceholders = new Object() ;
// Add a new placeholder at the actual selection.
FCKPlaceholders.Add = function( name )
{
var oSpan = FCK.CreateElement( 'SPAN' ) ;
this.SetupSpan( oSpan, name ) ;
}
FCKPlaceholders.SetupSpan = function( span, name )
{
span.innerHTML = '[[ ' + name + ' ]]' ;
span.style.backgroundColor = '#ffff00' ;
span.style.color = '#000000' ;
if ( FCKBrowserInfo.IsGecko )
span.style.cursor = 'default' ;
span._fckplaceholder = name ;
span.contentEditable = false ;
// To avoid it to be resized.
span.onresizestart = function()
{
FCK.EditorWindow.event.returnValue = false ;
return false ;
}
}
// On Gecko we must do this trick so the user select all the SPAN when clicking
on it.
FCKPlaceholders._SetupClickListener = function()
{
FCKPlaceholders._ClickListener = function( e )
{
if ( e.target.tagName == 'SPAN' && e.target._fckplaceholder )
FCKSelection.SelectElement( e.target ) ;
}
FCK.EditorDocument.addEventListener( 'click',
FCKPlaceholders._ClickListener, true ) ;
}
// Open the Placeholder dialog on double click.
FCKPlaceholders.OnDoubleClick = function( span )
{
if ( span.tagName == 'SPAN' && span._fckplaceholder )
FCKCommands.GetCommand( 'Placeholder' ).Execute() ;
}
FCK.RegisterDoubleClickHandler( FCKPlaceholders.OnDoubleClick, 'SPAN' ) ;
// Check if a Placholder name is already in use.
FCKPlaceholders.Exist = function( name )
{
var aSpans = FCK.EditorDocument.getElementsByTagName( 'SPAN' )
for ( var i = 0 ; i < aSpans.length ; i++ )
{
if ( aSpans[i]._fckplaceholder == name )
return true ;
}
}
if ( FCKBrowserInfo.IsIE )
{
FCKPlaceholders.Redraw = function()
{
var aPlaholders = FCK.EditorDocument.body.innerText.match(
/\[\[[^\[\]]+\]\]/g ) ;
if ( !aPlaholders )
return ;
var oRange = FCK.EditorDocument.body.createTextRange() ;
for ( var i = 0 ; i < aPlaholders.length ; i++ )
{
if ( oRange.findText( aPlaholders[i] ) )
{
var sName = aPlaholders[i].match(
/\[\[\s*([^\]]*?)\s*\]\]/ )[1] ;
oRange.pasteHTML( '<span style="color: #000000;
background-color: #ffff00" contenteditable="false" _fckplaceholder="' + sName +
'">' + aPlaholders[i] + '</span>' ) ;
}
}
}
}
else
{
FCKPlaceholders.Redraw = function()
{
var oInteractor = FCK.EditorDocument.createTreeWalker(
FCK.EditorDocument.body, NodeFilter.SHOW_TEXT, FCKPlaceholders._AcceptNode,
true ) ;
var aNodes = new Array() ;
while ( oNode = oInteractor.nextNode() )
{
aNodes[ aNodes.length ] = oNode ;
}
for ( var n = 0 ; n < aNodes.length ; n++ )
{
var aPieces = aNodes[n].nodeValue.split(
/(\[\[[^\[\]]+\]\])/g ) ;
for ( var i = 0 ; i < aPieces.length ; i++ )
{
if ( aPieces[i].length > 0 )
{
if ( aPieces[i].indexOf( '[[' ) == 0 )
{
var sName = aPieces[i].match(
/\[\[\s*([^\]]*?)\s*\]\]/ )[1] ;
var oSpan =
FCK.EditorDocument.createElement( 'span' ) ;
FCKPlaceholders.SetupSpan(
oSpan, sName ) ;
aNodes[n].parentNode.insertBefore( oSpan, aNodes[n] ) ;
}
else
aNodes[n].parentNode.insertBefore( FCK.EditorDocument.createTextNode(
aPieces[i] ) , aNodes[n] ) ;
}
}
aNodes[n].parentNode.removeChild( aNodes[n] ) ;
}
FCKPlaceholders._SetupClickListener() ;
}
FCKPlaceholders._AcceptNode = function( node )
{
if ( /\[\[[^\[\]]+\]\]/.test( node.nodeValue ) )
return NodeFilter.FILTER_ACCEPT ;
else
return NodeFilter.FILTER_SKIP ;
}
}
FCK.Events.AttachEvent( 'OnAfterSetHTML', FCKPlaceholders.Redraw ) ;
// The "Redraw" method must be called on startup.
FCKPlaceholders.Redraw() ;
// We must process the SPAN tags to replace then with the real resulting value
of the placeholder.
FCKXHtml.TagProcessors['span'] = function( node, htmlNode )
{
if ( htmlNode._fckplaceholder )
node = FCKXHtml.XML.createTextNode( '[[' +
htmlNode._fckplaceholder + ']]' ) ;
else
FCKXHtml._AppendChildNodes( node, htmlNode, false ) ;
return node ;
}
====================================================
Index: fck_placeholder.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Placeholder Properties</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<meta content="noindex, nofollow" name="robots">
<script language="javascript">
var oEditor = window.parent.InnerDialogLoaded() ;
var FCKLang = oEditor.FCKLang ;
var FCKPlaceholders = oEditor.FCKPlaceholders ;
window.onload = function ()
{
// First of all, translate the dialog box texts
oEditor.FCKLanguageManager.TranslatePage( document ) ;
LoadSelected() ;
// Show the "Ok" button.
window.parent.SetOkButton( true ) ;
}
var eSelected = oEditor.FCKSelection.GetSelectedElement() ;
function LoadSelected()
{
if ( !eSelected )
return ;
if ( eSelected.tagName == 'SPAN' && eSelected._fckplaceholder )
txtName.value = eSelected._fckplaceholder ;
else
eSelected == null ;
}
function Ok()
{
if ( eSelected && eSelected._fckplaceholder ==
document.getElementById('txtName').value )
return true ;
if ( document.getElementById('txtName').value.length == 0 )
{
alert( FCKLang.PlaceholderErrNoName ) ;
return false ;
}
if ( FCKPlaceholders.Exist( document.getElementById('txtName').value ) )
{
alert( FCKLang.PlaceholderErrNameInUse ) ;
return false ;
}
FCKPlaceholders.Add( txtName.value ) ;
return true ;
}
</script>
</head>
<body scroll="no" style="OVERFLOW: hidden">
<table height="100%" cellSpacing="0" cellPadding="0"
width="100%" border="0">
<tr>
<td>
<table cellSpacing="0" cellPadding="0"
align="center" border="0">
<tr>
<td>
<span
fckLang="PlaceholderDlgName">Placeholder Name</span><br>
<input
id="txtName" type="text">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- [Phpgroupware-cvs] news_admin/js/fckeditor/editor/plugins/placeholder placeholder.gif, 1.1 fckplugin.js, 1.1 fck_placeholder.html, 1.1,
skwashd <=
- Prev by Date:
[Phpgroupware-cvs] $B?75,EPO?$NJ}$O(B10000$B1_J,L5NA(B
- Next by Date:
[Phpgroupware-cvs] news_admin/js/fckeditor fckstyles.xml, 1.1 license.txt, 1.1 fckeditor.php, 1.1 fckeditor.js, 1.1 fckconfig.js, 1.1 changes-phpgw.txt, 1.1
- Previous by thread:
[Phpgroupware-cvs] news_admin/js/fckeditor/editor/skins/default-orig/images toolbar.arrowright.gif, 1.1 toolbar.buttonarrow.gif, 1.1 toolbar.start.gif, 1.1 toolbar.separator.gif, 1.1 toolbar.collapse.gif, 1.1 toolbar.end.gif, 1.1 toolbar.expand.gif, 1.1
- Next by thread:
[Phpgroupware-cvs] news_admin/js/fckeditor fckstyles.xml, 1.1 license.txt, 1.1 fckeditor.php, 1.1 fckeditor.js, 1.1 fckconfig.js, 1.1 changes-phpgw.txt, 1.1
- Index(es):