Korbs/Squire
0
Fork 0
mirror of https://github.com/fastmail/Squire.git synced 2024-12-22 15:23:29 -05:00
Code Issues Activity

Squire options to a private object with a getter

Browse source 
Changing tag block and properties on the way could mix things up. Made
them a private property that is set on initialization and accessible via
getSettings() public method
This commit is contained in:
dryoma 2015-04-23 16:40:46 +08:00
parent a314e25322
commit 1570bca9ec
3 changed files with 42 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
build/squire-raw.js
View file

@ -1114,13 +1114,19 @@ function Squire ( doc, options ) {
this._doc = doc;
this._body = body;
var defaults = {
var settings = {
blockTag: 'DIV',
blockProperties: null
tagAttributes: {
block: null
}
}
this.options = MergeObjects(defaults, options);
settings = MergeObjects(settings, options);
// To prevent mistakes if the tag is set in lowercase by a user
this.options.blockTag = this.options.blockTag.toUpperCase();
settings.blockTag = settings.blockTag.toUpperCase();
this.getSettings = function (){
return settings;
}
this._events = {};
@ -1221,9 +1227,10 @@ proto.createElement = function ( tag, props, children ) {
};
proto.createDefaultBlock = function ( children ) {
var settings = this.getSettings();
return fixCursor(
this.createElement(
this.options.blockTag, this.options.blockProperties, children )
settings.blockTag, settings.tagAttributes.block, children )
);
};
@ -2006,11 +2013,12 @@ var tagAfterSplit = {
var splitBlock = function ( self, block, node, offset ) {
var splitTag = tagAfterSplit[ block.nodeName ],
splitProperties = null,
nodeAfterSplit = split( node, offset, block.parentNode );
nodeAfterSplit = split( node, offset, block.parentNode ),
settings = self.getSettings();
if ( !splitTag ) {
splitTag = self.options.blockTag;
splitProperties = self.options.blockProperties;
splitTag = settings.blockTag;
splitProperties = settings.tagAttributes.block;
}
// Make sure the new node is the correct type.
@ -2617,7 +2625,7 @@ var cleanupBRs = function ( root ) {
// If in a <div>, split, but anywhere else we might change
// the formatting too much (e.g. <li> -> to two list items!)
// so just play it safe and leave it.
if ( block.nodeName !== this.options.blockTag ) {
if ( block.nodeName !== this.getSettings().blockTag ) {
continue;
}
split( br.parentNode, br, block.parentNode );
@ -2630,7 +2638,7 @@ var cleanupBRs = function ( root ) {
proto._ensureBottomLine = function () {
var body = this._body,
last = body.lastElementChild;
if ( !last || last.nodeName !== this.options.blockTag || !isBlock( last ) ) {
if ( !last || last.nodeName !== this.getSettings().blockTag || !isBlock( last ) ) {
body.appendChild( this.createDefaultBlock() );
}
};
@ -3256,7 +3264,8 @@ proto.getHTML = function ( withBookMark ) {
proto.setHTML = function ( html ) {
var frag = this._doc.createDocumentFragment(),
div = this.createElement(this.options.blockTag, this.options.blockProperties),
settings = this.getSettings(),
div = this.createElement(settings.blockTag, settings.tagAttributes.block),
child;
// Parse HTML into DOM tree

4
build/squire.js
View file

File diff suppressed because one or more lines are too long

31
source/Editor.js
View file

@ -43,13 +43,19 @@ function Squire ( doc, options ) {
this._doc = doc;
this._body = body;
var defaults = {
var settings = {
blockTag: 'DIV',
blockProperties: null
tagAttributes: {
block: null
}
}
this.options = MergeObjects(defaults, options);
settings = MergeObjects(settings, options);
// To prevent mistakes if the tag is set in lowercase by a user
this.options.blockTag = this.options.blockTag.toUpperCase();
settings.blockTag = settings.blockTag.toUpperCase();
this.getSettings = function (){
return settings;
}
this._events = {};
@ -150,9 +156,10 @@ proto.createElement = function ( tag, props, children ) {
};
proto.createDefaultBlock = function ( children ) {
var settings = this.getSettings();
return fixCursor(
this.createElement(
this.options.blockTag, this.options.blockProperties, children )
settings.blockTag, settings.tagAttributes.block, children )
);
};
@ -935,11 +942,12 @@ var tagAfterSplit = {
var splitBlock = function ( self, block, node, offset ) {
var splitTag = tagAfterSplit[ block.nodeName ],
splitProperties = null,
nodeAfterSplit = split( node, offset, block.parentNode );
nodeAfterSplit = split( node, offset, block.parentNode ),
settings = self.getSettings();
if ( !splitTag ) {
splitTag = self.options.blockTag;
splitProperties = self.options.blockProperties;
splitTag = settings.blockTag;
splitProperties = settings.tagAttributes.block;
}
// Make sure the new node is the correct type.
@ -1546,7 +1554,7 @@ var cleanupBRs = function ( root ) {
// If in a <div>, split, but anywhere else we might change
// the formatting too much (e.g. <li> -> to two list items!)
// so just play it safe and leave it.
if ( block.nodeName !== this.options.blockTag ) {
if ( block.nodeName !== this.getSettings().blockTag ) {
continue;
}
split( br.parentNode, br, block.parentNode );
@ -1559,7 +1567,7 @@ var cleanupBRs = function ( root ) {
proto._ensureBottomLine = function () {
var body = this._body,
last = body.lastElementChild;
if ( !last || last.nodeName !== this.options.blockTag || !isBlock( last ) ) {
if ( !last || last.nodeName !== this.getSettings().blockTag || !isBlock( last ) ) {
body.appendChild( this.createDefaultBlock() );
}
};
@ -2185,7 +2193,8 @@ proto.getHTML = function ( withBookMark ) {
proto.setHTML = function ( html ) {
var frag = this._doc.createDocumentFragment(),
div = this.createElement(this.options.blockTag, this.options.blockProperties),
settings = this.getSettings(),
div = this.createElement(settings.blockTag, settings.tagAttributes.block),
child;
// Parse HTML into DOM tree