[44] | 1 | /*
|
---|
| 2 | * FCKeditor - The text editor for internet
|
---|
| 3 | * Copyright (C) 2003-2006 Frederico Caldeira Knabben
|
---|
| 4 | *
|
---|
| 5 | * Licensed under the terms of the GNU Lesser General Public License:
|
---|
| 6 | * http://www.opensource.org/licenses/lgpl-license.php
|
---|
| 7 | *
|
---|
| 8 | * For further information visit:
|
---|
| 9 | * http://www.fckeditor.net/
|
---|
| 10 | *
|
---|
| 11 | * "Support Open Source software. What about a donation today?"
|
---|
| 12 | *
|
---|
| 13 | * File Name: fckeditingarea.js
|
---|
| 14 | * FCKEditingArea Class: renders an editable area.
|
---|
| 15 | *
|
---|
| 16 | * File Authors:
|
---|
| 17 | * Frederico Caldeira Knabben (fredck@fckeditor.net)
|
---|
| 18 | */
|
---|
| 19 |
|
---|
| 20 | /**
|
---|
| 21 | * @constructor
|
---|
| 22 | * @param {String} targetElement The element that will hold the editing area. Any child element present in the target will be deleted.
|
---|
| 23 | */
|
---|
| 24 | var FCKEditingArea = function( targetElement )
|
---|
| 25 | {
|
---|
| 26 | this.TargetElement = targetElement ;
|
---|
| 27 | this.Mode = FCK_EDITMODE_WYSIWYG ;
|
---|
| 28 |
|
---|
| 29 | if ( FCK.IECleanup )
|
---|
| 30 | FCK.IECleanup.AddItem( this, FCKEditingArea_Cleanup ) ;
|
---|
| 31 | }
|
---|
| 32 |
|
---|
| 33 |
|
---|
| 34 | /**
|
---|
| 35 | * @param {String} html The complete HTML for the page, including DOCTYPE and the <html> tag.
|
---|
| 36 | */
|
---|
| 37 | FCKEditingArea.prototype.Start = function( html, secondCall )
|
---|
| 38 | {
|
---|
| 39 | var eTargetElement = this.TargetElement ;
|
---|
| 40 | var oTargetDocument = FCKTools.GetElementDocument( eTargetElement ) ;
|
---|
| 41 |
|
---|
| 42 | // Remove all child nodes from the target.
|
---|
| 43 | while( eTargetElement.childNodes.length > 0 )
|
---|
| 44 | eTargetElement.removeChild( eTargetElement.childNodes[0] ) ;
|
---|
| 45 |
|
---|
| 46 | if ( this.Mode == FCK_EDITMODE_WYSIWYG )
|
---|
| 47 | {
|
---|
| 48 | if ( FCKBrowserInfo.IsGecko )
|
---|
| 49 | html = html.replace( /(<body[^>]*>)\s*(<\/body>)/i, '$1' + GECKO_BOGUS + '$2' ) ;
|
---|
| 50 |
|
---|
| 51 | // Create the editing area IFRAME.
|
---|
| 52 | var oIFrame = this.IFrame = oTargetDocument.createElement( 'iframe' ) ;
|
---|
| 53 | oIFrame.src = 'javascript:void(0)' ;
|
---|
| 54 | oIFrame.frameBorder = 0 ;
|
---|
| 55 | oIFrame.width = oIFrame.height = '100%' ;
|
---|
| 56 |
|
---|
| 57 | // Append the new IFRAME to the target.
|
---|
| 58 | eTargetElement.appendChild( oIFrame ) ;
|
---|
| 59 |
|
---|
| 60 | // IE has a bug with the <base> tag... it must have a </base> closer,
|
---|
| 61 | // otherwise the all sucessive tags will be set as children nodes of the <base>.
|
---|
| 62 | if ( FCKBrowserInfo.IsIE )
|
---|
| 63 | html = html.replace( /(<base[^>]*?)\s*\/?>(?!\s*<\/base>)/gi, '$1></base>' ) ;
|
---|
| 64 |
|
---|
| 65 | // Get the window and document objects used to interact with the newly created IFRAME.
|
---|
| 66 | this.Window = oIFrame.contentWindow ;
|
---|
| 67 |
|
---|
| 68 | // IE: Avoid JavaScript errors thrown by the editing are source (like tags events).
|
---|
| 69 | // TODO: This error handler is not being fired.
|
---|
| 70 | // this.Window.onerror = function() { alert( 'Error!' ) ; return true ; }
|
---|
| 71 |
|
---|
| 72 | var oDoc = this.Document = this.Window.document ;
|
---|
| 73 |
|
---|
| 74 | oDoc.open() ;
|
---|
| 75 | oDoc.write( html ) ;
|
---|
| 76 | oDoc.close() ;
|
---|
| 77 |
|
---|
| 78 | // Firefox 1.0.x is buggy... ohh yes... so let's do it two times and it
|
---|
| 79 | // will magicaly work.
|
---|
| 80 | if ( FCKBrowserInfo.IsGecko10 && !secondCall )
|
---|
| 81 | {
|
---|
| 82 | this.Start( html, true ) ;
|
---|
| 83 | return ;
|
---|
| 84 | }
|
---|
| 85 |
|
---|
| 86 | this.Window._FCKEditingArea = this ;
|
---|
| 87 |
|
---|
| 88 | // FF 1.0.x is buggy... we must wait a lot to enable editing because
|
---|
| 89 | // sometimes the content simply disappears, for example when pasting
|
---|
| 90 | // "bla1!<img src='some_url'>!bla2" in the source and then switching
|
---|
| 91 | // back to design.
|
---|
| 92 | if ( FCKBrowserInfo.IsGecko10 )
|
---|
| 93 | this.Window.setTimeout( FCKEditingArea_CompleteStart, 500 ) ;
|
---|
| 94 | else
|
---|
| 95 | FCKEditingArea_CompleteStart.call( this.Window ) ;
|
---|
| 96 | }
|
---|
| 97 | else
|
---|
| 98 | {
|
---|
| 99 | var eTextarea = this.Textarea = oTargetDocument.createElement( 'textarea' ) ;
|
---|
| 100 | eTextarea.className = 'SourceField' ;
|
---|
| 101 | eTextarea.dir = 'ltr' ;
|
---|
| 102 | eTextarea.style.width = eTextarea.style.height = '100%' ;
|
---|
| 103 | eTextarea.style.border = 'none' ;
|
---|
| 104 | eTargetElement.appendChild( eTextarea ) ;
|
---|
| 105 |
|
---|
| 106 | eTextarea.value = html ;
|
---|
| 107 |
|
---|
| 108 | // Fire the "OnLoad" event.
|
---|
| 109 | FCKTools.RunFunction( this.OnLoad ) ;
|
---|
| 110 | }
|
---|
| 111 | }
|
---|
| 112 |
|
---|
| 113 | // "this" here is FCKEditingArea.Window
|
---|
| 114 | function FCKEditingArea_CompleteStart()
|
---|
| 115 | {
|
---|
| 116 | // Of Firefox, the DOM takes a little to become available. So we must wait for it in a loop.
|
---|
| 117 | if ( !this.document.body )
|
---|
| 118 | {
|
---|
| 119 | this.setTimeout( FCKEditingArea_CompleteStart, 50 ) ;
|
---|
| 120 | return ;
|
---|
| 121 | }
|
---|
| 122 |
|
---|
| 123 | var oEditorArea = this._FCKEditingArea ;
|
---|
| 124 | oEditorArea.MakeEditable() ;
|
---|
| 125 |
|
---|
| 126 | // Fire the "OnLoad" event.
|
---|
| 127 | FCKTools.RunFunction( oEditorArea.OnLoad ) ;
|
---|
| 128 | }
|
---|
| 129 |
|
---|
| 130 | FCKEditingArea.prototype.MakeEditable = function()
|
---|
| 131 | {
|
---|
| 132 | var oDoc = this.Document ;
|
---|
| 133 |
|
---|
| 134 | if ( FCKBrowserInfo.IsIE )
|
---|
| 135 | oDoc.body.contentEditable = true ;
|
---|
| 136 | else
|
---|
| 137 | {
|
---|
| 138 | try
|
---|
| 139 | {
|
---|
| 140 | oDoc.designMode = 'on' ;
|
---|
| 141 |
|
---|
| 142 | // Tell Gecko to use or not the <SPAN> tag for the bold, italic and underline.
|
---|
| 143 | oDoc.execCommand( 'useCSS', false, !FCKConfig.GeckoUseSPAN ) ;
|
---|
| 144 |
|
---|
| 145 | // Analysing Firefox 1.5 source code, it seams that there is support for a
|
---|
| 146 | // "insertBrOnReturn" command. Applying it gives no error, but it doesn't
|
---|
| 147 | // gives the same behavior that you have with IE. It works only if you are
|
---|
| 148 | // already inside a paragraph and it doesn't render correctly in the first enter.
|
---|
| 149 | // oDoc.execCommand( 'insertBrOnReturn', false, false ) ;
|
---|
| 150 |
|
---|
| 151 | // Tell Gecko (Firefox 1.5+) to enable or not live resizing of objects (by Alfonso Martinez)
|
---|
| 152 | oDoc.execCommand( 'enableObjectResizing', false, !FCKConfig.DisableObjectResizing ) ;
|
---|
| 153 |
|
---|
| 154 | // Disable the standard table editing features of Firefox.
|
---|
| 155 | oDoc.execCommand( 'enableInlineTableEditing', false, !FCKConfig.DisableFFTableHandles ) ;
|
---|
| 156 | }
|
---|
| 157 | catch (e) {}
|
---|
| 158 | }
|
---|
| 159 | }
|
---|
| 160 |
|
---|
| 161 | FCKEditingArea.prototype.Focus = function()
|
---|
| 162 | {
|
---|
| 163 | try
|
---|
| 164 | {
|
---|
| 165 | if ( this.Mode == FCK_EDITMODE_WYSIWYG )
|
---|
| 166 | {
|
---|
| 167 | if ( FCKBrowserInfo.IsSafari )
|
---|
| 168 | this.IFrame.focus() ;
|
---|
| 169 | else
|
---|
| 170 | this.Window.focus() ;
|
---|
| 171 | }
|
---|
| 172 | else
|
---|
| 173 | this.Textarea.focus() ;
|
---|
| 174 | }
|
---|
| 175 | catch(e) {}
|
---|
| 176 | }
|
---|
| 177 |
|
---|
| 178 | function FCKEditingArea_Cleanup()
|
---|
| 179 | {
|
---|
| 180 | this.TargetElement = null ;
|
---|
| 181 | this.IFrame = null ;
|
---|
| 182 | this.Document = null ;
|
---|
| 183 | this.Textarea = null ;
|
---|
| 184 |
|
---|
| 185 | if ( this.Window )
|
---|
| 186 | {
|
---|
| 187 | this.Window._FCKEditingArea = null ;
|
---|
| 188 | this.Window = null ;
|
---|
| 189 | }
|
---|
| 190 | } |
---|