1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
// Copyright 2012 The Closure Library Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS-IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/**
* @fileoverview Class to encapsulate an editable field that blends into the
* style of the page and never uses an iframe. The field's height can be
* controlled by CSS styles like min-height, max-height, and overflow. This is
* a goog.editor.Field, but overrides everything iframe related to use
* contentEditable divs. This is essentially a much lighter alternative to
* goog.editor.SeamlessField, but only works in Firefox 3+, and only works
* *well* in Firefox 12+ due to
* https://bugzilla.mozilla.org/show_bug.cgi?id=669026.
*
* @author gboyer@google.com (Garrett Boyer)
* @author jparent@google.com (Julie Parent)
* @author nicksantos@google.com (Nick Santos)
* @author ojan@google.com (Ojan Vafai)
*/
goog.provide('goog.editor.ContentEditableField');
goog.require('goog.asserts');
goog.require('goog.debug.Logger');
goog.require('goog.editor.Field');
/**
* This class encapsulates an editable field that is just a contentEditable
* div.
*
* To see events fired by this object, please see the base class.
*
* @param {string} id An identifer for the field. This is used to find the
* field and the element associated with this field.
* @param {Document=} opt_doc The document that the element with the given
* id can be found it.
* @constructor
* @extends {goog.editor.Field}
*/
goog.editor.ContentEditableField = function(id, opt_doc) {
goog.editor.Field.call(this, id, opt_doc);
};
goog.inherits(goog.editor.ContentEditableField, goog.editor.Field);
/**
* @override
*/
goog.editor.ContentEditableField.prototype.logger =
goog.debug.Logger.getLogger('goog.editor.ContentEditableField');
/** @override */
goog.editor.ContentEditableField.prototype.usesIframe = function() {
// Never uses an iframe in any browser.
return false;
};
// Overridden to improve dead code elimination only.
/** @override */
goog.editor.ContentEditableField.prototype.turnOnDesignModeGecko =
goog.nullFunction;
/** @override */
goog.editor.ContentEditableField.prototype.installStyles = function() {
goog.asserts.assert(!this.cssStyles, 'ContentEditableField does not support' +
' CSS styles; instead just write plain old CSS on the main page.');
};
/** @override */
goog.editor.ContentEditableField.prototype.makeEditableInternal = function(
opt_iframeSrc) {
var field = this.getOriginalElement();
if (field) {
this.setupFieldObject(field);
// TODO(gboyer): Allow clients/plugins to override with 'plaintext-only'
// for WebKit.
field.contentEditable = true;
this.injectContents(field.innerHTML, field);
this.handleFieldLoad();
}
};
/**
* @override
*
* ContentEditableField does not make any changes to the DOM when it is made
* editable other than setting contentEditable to true.
*/
goog.editor.ContentEditableField.prototype.restoreDom =
goog.nullFunction;
|
