Vergleich jscripts/bbcodes_sceditor.js - 1.8.22 - 1.8.37

  Keine Änderungen   Hinzugefügt   Modifiziert   Entfernt
Zeile 38Zeile 38
			},
'Youtube': {
'match': /(?:v=|v\/|embed\/|youtu\.be\/)(.{11})/,

			},
'Youtube': {
'match': /(?:v=|v\/|embed\/|youtu\.be\/)(.{11})/,

				'url': '//www.youtube.com/embed/',

				'url': '//www.youtube-nocookie.com/embed/',

				'html': '<iframe width="560" height="315" src="{url}" frameborder="0" data-mybb-vt="{type}" data-mybb-vsrc="{src}"></iframe>'
},
'Twitch': {

				'html': '<iframe width="560" height="315" src="{url}" frameborder="0" data-mybb-vt="{type}" data-mybb-vsrc="{src}"></iframe>'
},
'Twitch': {

Zeile 48Zeile 48
			}
}
};

			}
}
};

 

for (var i in mybbCmd.video) {
var item = mybbCmd.video[i];
$.sceditor.defaultOptions.allowedIframeUrls.push(item.url);
}


// Add custom MyBB CSS
$('<style type="text/css">' +
'.sceditor-dropdown { text-align: ' + ($('body').css('direction') === 'rtl' ? 'right' : 'left') + '; }' +
'</style>').appendTo('body');


// Add custom MyBB CSS
$('<style type="text/css">' +
'.sceditor-dropdown { text-align: ' + ($('body').css('direction') === 'rtl' ? 'right' : 'left') + '; }' +
'</style>').appendTo('body');





	// Update editor to use align= as alignment
$.sceditor.formats.bbcode
.set('align', {
html: function (element, attrs, content) {

	// Update editor to use align= as alignment
$.sceditor.formats.bbcode
.set('align', {
html: function (element, attrs, content) {

				return '<div align="' + (attrs.defaultattr || 'left') + '">' + content + '</div>';

				return '<div align="' + ($.sceditor.escapeEntities(attrs.defaultattr) || 'left') + '">' + content + '</div>';

			},
isInline: false

			},
isInline: false

		});

		});

	$.each(mybbCmd.align, function (i, val) {
$.sceditor.formats.bbcode.set(val, {
format: '[align=' + val + ']{0}[/align]'

	$.each(mybbCmd.align, function (i, val) {
$.sceditor.formats.bbcode.set(val, {
format: '[align=' + val + ']{0}[/align]'

Zeile 83Zeile 88

return '<' + type + '>' + content + '</' + type + '>';
},


return '<' + type + '>' + content + '</' + type + '>';
},


breakAfter: false



			isInline: false,
skipLastLineBreak: true,
breakStart: true,
breakAfter: true,

		})
.set('ul', {

		})
.set('ul', {

			format: '[list]{0}[/list]'





			format: '[list]{0}[/list]',
isInline: false,
skipLastLineBreak: true,
breakStart: true,
breakAfter: true,

		})
.set('ol', {
format: function ($elm, content) {
var type = ($($elm).attr('type') === 'a' ? 'a' : '1');

return '[list=' + type + ']' + content + '[/list]';

		})
.set('ol', {
format: function ($elm, content) {
var type = ($($elm).attr('type') === 'a' ? 'a' : '1');

return '[list=' + type + ']' + content + '[/list]';

			}





			},
isInline: false,
skipLastLineBreak: true,
breakStart: true,
breakAfter: true,

		})
.set('li', {
format: '[*]{0}',

		})
.set('li', {
format: '[*]{0}',

			excludeClosing: true


			isInline: false,
skipLastLineBreak: true,

		})
.set('*', {

		})
.set('*', {

 
			html: '<li>{0}</li>',
isInline: false,

			excludeClosing: true,

			excludeClosing: true,

			isInline: true


			skipLastLineBreak: true,
breakAfter: false,

		});

$.sceditor.command
.set('bulletlist', {

		});

$.sceditor.command
.set('bulletlist', {

			txtExec: function (caller, selected) {
var content = '';

$.each(selected.split(/\r?\n/), function () {
content += (content ? '\n' : '') +

			txtExec: function (caller, selected) {
var content = '';

$.each(selected.split(/\r?\n/), function () {
content += (content ? '\n' : '') +

						'[*]' + this;
});


						'[*]' + this;
});


Zeile 126Zeile 145
					content += (content ? '\n' : '') +
'[*]' + this;
});

					content += (content ? '\n' : '') +
'[*]' + this;
});





				this.insertText('[list=1]\n' + content + '\n[/list]');
}
});

				this.insertText('[list=1]\n' + content + '\n[/list]');
}
});

Zeile 134Zeile 153
	// Update size tag to use xx-small-xx-large instead of 1-7
$.sceditor.formats.bbcode.set('size', {
format: function ($elm, content) {

	// Update size tag to use xx-small-xx-large instead of 1-7
$.sceditor.formats.bbcode.set('size', {
format: function ($elm, content) {

			var fontSize,
size = $($elm).attr('size');





			var fontsize = 1,
scefontsize = $($elm).data('scefontsize'),
parsed = parseInt(scefontsize, 10),
size = parseInt($($elm).attr('size'), 10),
iframe = $('.sceditor-container iframe'),
editor_body = $('body', iframe.contents());





			if (!size) {
fontSize = $($elm).css('fontSize');
// Most browsers return px value but IE returns 1-7
if (fontSize.indexOf('px') > -1) {
// convert size to an int
fontSize = parseInt(fontSize);


















			if ($($elm).css('font-size') == editor_body.css('font-size')) {
// Eliminate redundant [size] tags for unformatted text.
// Part of the fix for the browser-dependent bug of issue #4184.
// Also fixes the browser-dependent bug described here:
// <https://community.mybb.com/thread-229726.html>
fontsize = -1;
} else if (!isNaN(size) && size >= 1 && size <= mybbCmd.fsStr.length) {
fontsize = mybbCmd.fsStr[size - 1];
} else if ($.inArray(scefontsize, mybbCmd.fsStr) !== -1) {
fontsize = scefontsize;
} else if (!isNaN(parsed)) {
fontsize = parsed;
}

return fontsize != -1 ? '[size=' + fontsize + ']' + content + '[/size]' : content;
},
html: function (token, attrs, content) {
var size = 0,
units = "",
parsed = parseInt(attrs.defaultattr, 10);
if (!isNaN(parsed)) {
size = parsed;
if (size < 1) {

					size = 1;

					size = 1;

					$.each(mybbCmd.fSize, function (i, val) {
if (fontSize > val) size = i + 2;
});
} else {
size = (~~fontSize) + 1;
}
size = (size >= 7) ? mybbCmd.fsStr[6] : ((size <= 1) ? mybbCmd.fsStr[0] : mybbCmd.fsStr[size - 1]);

				} else if (size > 50) {
size = 50;
}
units = "pt";




			} else {

			} else {

				size = mybbCmd.fsStr[size - 1];




				var fsStrPos = $.inArray(attrs.defaultattr, mybbCmd.fsStr);
if (fsStrPos !== -1) {
size = attrs.defaultattr;
}

			}

			}

			return '[size=' + size + ']' + content + '[/size]';
},
html: function (token, attrs, content) {
var size = $.inArray(attrs.defaultattr, mybbCmd.fsStr) + 1;
if (!isNaN(attrs.defaultattr)) {
size = attrs.defaultattr;
if (size > 7)
size = 7;
if (size < 1)
size = 1;
}
if (size < 0) {
size = 0;
}
return '<font data-scefontsize="' + attrs.defaultattr + '" size="' + size + '">' + content + '</font>';

			return '<font data-scefontsize="' + $.sceditor.escapeEntities(attrs.defaultattr) + '" style="font-size: ' + size + units + ';">' + content + '</font>';















		}
});


		}
});


Zeile 180Zeile 206
					editor.closeDropDown(true);
e.preventDefault();
};

					editor.closeDropDown(true);
e.preventDefault();
};





			for (var i = 1; i <= 7; i++)

			for (var i = 1; i <= 7; i++)

				content.append($('<a class="sceditor-fontsize-option" data-size="' + i + '" href="#"><font size="' + i + '">' + i + '</font></a>').on('click', clickFunc));

				content.append($('<a class="sceditor-fontsize-option" data-size="' + i + '" href="#"><font style="font-size: ' + mybbCmd.fsStr[i-1] + '">' + i + '</font></a>').on('click', clickFunc));


editor.createDropDown(caller, 'fontsize-picker', content.get(0));
},


editor.createDropDown(caller, 'fontsize-picker', content.get(0));
},

Zeile 194Zeile 220
				caller,
function (fontSize) {
editor.execCommand('fontsize', fontSize);

				caller,
function (fontSize) {
editor.execCommand('fontsize', fontSize);

				}
);

				}
);

		},
txtExec: function (caller) {
var editor = this;

		},
txtExec: function (caller) {
var editor = this;

Zeile 218Zeile 244
			var author = '',
$elm = $(element),
$cite = $elm.children('cite').first();

			var author = '',
$elm = $(element),
$cite = $elm.children('cite').first();

			$cite.html($cite.text());

 

if ($cite.length === 1 || $elm.data('author')) {
author = $cite.text() || $elm.data('author');


if ($cite.length === 1 || $elm.data('author')) {
author = $cite.text() || $elm.data('author');

Zeile 231Zeile 256

$elm.prepend($cite);
}


$elm.prepend($cite);
}





			if ($elm.data('pid'))
author += " pid='" + $elm.data('pid') + "'";


			if ($elm.data('pid'))
author += " pid='" + $elm.data('pid') + "'";


Zeile 244Zeile 269
			var data = '';

if (attrs.pid)

			var data = '';

if (attrs.pid)

				data += ' data-pid="' + attrs.pid + '"';

				data += ' data-pid="' + $.sceditor.escapeEntities(attrs.pid) + '"';


if (attrs.dateline)


if (attrs.dateline)

				data += ' data-dateline="' + attrs.dateline + '"';

				data += ' data-dateline="' + $.sceditor.escapeEntities(attrs.dateline) + '"';


if (typeof attrs.defaultattr !== "undefined")


if (typeof attrs.defaultattr !== "undefined")

				content = '<cite>' + attrs.defaultattr.replace(/ /g, '&nbsp;') + '</cite>' + content;

				content = '<cite>' + $.sceditor.escapeEntities(attrs.defaultattr).replace(/ /g, '&nbsp;') + '</cite>' + content;


return '<blockquote' + data + '>' + content + '</blockquote>';
},
quoteType: function (val, name) {


return '<blockquote' + data + '>' + content + '</blockquote>';
},
quoteType: function (val, name) {

			return "'" + val.replace("'", "\\'") + "'";



			var quoteChar = val.indexOf('"') !== -1 ? "'" : '"';

return quoteChar + val + quoteChar;

		},
breakStart: true,
breakEnd: true

		},
breakStart: true,
breakEnd: true

Zeile 268Zeile 295
			if (element.nodeName.toLowerCase() !== 'font' || !(font = $(element).attr('face')))
font = $(element).css('font-family');


			if (element.nodeName.toLowerCase() !== 'font' || !(font = $(element).attr('face')))
font = $(element).css('font-family');


 
			var iframe = $('.sceditor-container iframe');
var editor_body = $('body', iframe.contents());





			if (typeof font == 'string' && font != '' && font != 'defaultattr') {
return '[font=' + this.stripQuotes(font) + ']' + content + '[/font]';
















			if (typeof font == 'string' && font != '' && font != 'defaultattr'
&&
// Eliminate redundant [font] tags for unformatted text.
// Part of the fix for the browser-dependent bug of issue #4184.
font != editor_body.css('font-family')) {
font = font.trim();
// Strip all-enclosing double quotes from fonts so long as
// they are the only double quotes present...
if (font[0] == '"' && font[font.length-1] == '"' && (font.match(/"/g) || []).length == 2) {
font = font.substr(1, font.length-2);
}
// ...and then replace any other occurrence(s) of double quotes
// in fonts with single quotes.
// This is the client-side aspect of the fix for
// the browser-independent bug of issue #4182.
font = font.replace(/"/g, "'");
return '[font=' + font + ']' + content + '[/font]';

			} else {
return content;
}

			} else {
return content;
}

Zeile 278Zeile 322
		html: function (token, attrs, content) {
if (typeof attrs.defaultattr == 'string' && attrs.defaultattr != '' && attrs.defaultattr != '{defaultattr}') {
return '<font face="' +

		html: function (token, attrs, content) {
if (typeof attrs.defaultattr == 'string' && attrs.defaultattr != '' && attrs.defaultattr != '{defaultattr}') {
return '<font face="' +

					attrs.defaultattr +

					$.sceditor.escapeEntities(attrs.defaultattr) +

					'">' + content + '</font>';
} else {
return content;
}

					'">' + content + '</font>';
} else {
return content;
}

 
		}
});

$.sceditor.formats.bbcode.set('color', {
format: function (element, content) {
var color, defaultColor;

var iframe = $('.sceditor-container iframe');
var editor_body = $('body', iframe.contents());

if (element.nodeName.toLowerCase() != 'font' || !(color = $(element).attr('color'))) {
color = $(element).css('color');
}

color = _normaliseColour(color);
defaultColor = _normaliseColour(editor_body.css('color'));

// Eliminate redundant [color] tags for unformatted text.
// Part of the fix for the browser-dependent bug of issue #4184.
return color != defaultColor
? '[color=' + color + ']' + content + '[/color]'
: content;
},
html: function (token, attrs, content) {
return '<font color="' +
$.sceditor.escapeEntities(_normaliseColour(attrs.defaultattr), true) +
'">' + content + '</font>';

		}
});


		}
});


Zeile 301Zeile 372

$content = $(
'<div>' +


$content = $(
'<div>' +

				'<div>' +

				'<div>' +

				'<label for="php">' + editor._('PHP') + ':</label> ' +

				'<label for="php">' + editor._('PHP') + ':</label> ' +

				'<textarea type="text" id="php" />' +

				'<textarea type="text" id="php"></textarea>' +

				'</div>' +
'<div><input type="button" class="button" value="' + editor._('Insert') + '" /></div>' +
'</div>'
);

				'</div>' +
'<div><input type="button" class="button" value="' + editor._('Insert') + '" /></div>' +
'</div>'
);





			setTimeout(function () {
$content.find('#php').trigger('focus');
}, 100);

			setTimeout(function () {
$content.find('#php').trigger('focus');
}, 100);

Zeile 317Zeile 388
				var val = $content.find('#php').val(),
before = '[php]',
end = '[/php]';

				var val = $content.find('#php').val(),
before = '[php]',
end = '[/php]';


if (val) {
before = before + val + end;


if (val) {
before = before + val + end;

					end = null;
}


					end = null;
}


Zeile 366Zeile 437
				'<div>' +
'<div>' +
'<label for="code">' + editor._('Code') + ':</label> ' +

				'<div>' +
'<div>' +
'<label for="code">' + editor._('Code') + ':</label> ' +

				'<textarea type="text" id="code" />' +

				'<textarea type="text" id="code"></textarea>' +

				'</div>' +
'<div><input type="button" class="button" value="' + editor._('Insert') + '" /></div>' +
'</div>'

				'</div>' +
'<div><input type="button" class="button" value="' + editor._('Insert') + '" /></div>' +
'</div>'

Zeile 466Zeile 537
			var params = mybbCmd.video[Object.keys(mybbCmd.video).find(key => key.toLowerCase() === attrs.defaultattr)];
var matches, url;
var n = (attrs.defaultattr == 'dailymotion') ? 2 : 1;

			var params = mybbCmd.video[Object.keys(mybbCmd.video).find(key => key.toLowerCase() === attrs.defaultattr)];
var matches, url;
var n = (attrs.defaultattr == 'dailymotion') ? 2 : 1;

			if (params['html']) {

			if (typeof params !== "undefined") {

				matches = content.match(params['match']);
url = matches ? params['url'] + matches[n] : false;
}

				matches = content.match(params['match']);
url = matches ? params['url'] + matches[n] : false;
}

Zeile 492Zeile 563
				'</div>' +
'<div>' +
'<label for="link">' + editor._('Video URL:') + '</label> ' +

				'</div>' +
'<div>' +
'<label for="link">' + editor._('Video URL:') + '</label> ' +

				'<input type="text" id="videourl" value="http://" />' +

				'<input type="text" id="videourl" placeholder="http://" />' +

				'</div>' +
'<div><input type="button" class="button" value="' + editor._('Insert') + '" /></div>' +

				'</div>' +
'<div><input type="button" class="button" value="' + editor._('Insert') + '" /></div>' +

				'</div>'
);


				'</div>'
);


			$content.find('.button').on('click', function (e) {
videourl = $content.find('#videourl').val();
videotype = $content.find('#videotype').val();

if (videourl !== '' && videourl !== 'http://')
editor.insert('[video=' + videotype + ']' + videourl + '[/video]');

			$content.find('.button').on('click', function (e) {
videourl = $content.find('#videourl').val();
videotype = $content.find('#videotype').val();

if (videourl !== '' && videourl !== 'http://')
editor.insert('[video=' + videotype + ']' + videourl + '[/video]');









































































































editor.closeDropDown(true);
e.preventDefault();
});

editor.createDropDown(caller, 'insertvideo', $content.get(0));
},
exec: function (caller) {
$.sceditor.command.get('video')._dropDown(this, caller);
},
txtExec: function (caller) {
$.sceditor.command.get('video')._dropDown(this, caller);
},
tooltip: 'Insert a video'
});

// Update image command to support MyBB syntax
$.sceditor.formats.bbcode.set('img', {
format: function (element, content) {
if ($(element).data('sceditor-emoticon'))
return content;

var url = $(element).attr('src'),
width = $(element).attr('width'),
height = $(element).attr('height'),
align = $(element).data('scealign');

var attrs = width !== undefined && height !== undefined && width > 0 && height > 0
? '=' + width + 'x' + height
: ''
;

if (align === 'left' || align === 'right')
attrs += ' align='+align

return '[img' + attrs + ']' + url + '[/img]';
},
html: function (token, attrs, content) {
var width, height, match,
align = attrs.align,
attribs = '';

// handle [img=340x240]url[/img]
if (attrs.defaultattr) {
match = attrs.defaultattr.split(/x/i);

width = match[0];
height = (match.length === 2 ? match[1] : match[0]);

if (width !== undefined && height !== undefined && width > 0 && height > 0) {
attribs +=
' width="' + $.sceditor.escapeEntities(width, true) + '"' +
' height="' + $.sceditor.escapeEntities(height, true) + '"';
}
}

if (align === 'left' || align === 'right')
attribs += ' style="float: ' + align + '" data-scealign="' + align + '"';

return '<img' + attribs +
' src="' + $.sceditor.escapeUriScheme(content) + '" />';
}
})

$.sceditor.command.set('image', {
_dropDown: function (editor, caller) {
var $content;

$content = $(
'<div>' +
'<div>' +
'<label for="image">' + editor._('URL') + ':</label> ' +
'<input type="text" id="image" placeholder="https://" />' +
'</div>' +
'<div>' +
'<label for="width">' + editor._('Width (optional)') + ':</label> ' +
'<input type="text" id="width" size="2" />' +
'</div>' +
'<div>' +
'<label for="height">' + editor._('Height (optional)') + ':</label> ' +
'<input type="text" id="height" size="2" />' +
'</div>' +
'<div>' +
'<input type="button" class="button" value="' + editor._('Insert') + '" />' +
'</div>' +
'</div>'
);

$content.find('.button').on('click', function (e) {
var url = $content.find('#image').val(),
width = $content.find('#width').val(),
height = $content.find('#height').val()
;

var attrs = width !== undefined && height !== undefined && width > 0 && height > 0
? '=' + width + 'x' + height
: ''
;

if (url)
editor.insert('[img' + attrs + ']' + url + '[/img]');


				editor.closeDropDown(true);
e.preventDefault();
});


				editor.closeDropDown(true);
e.preventDefault();
});


			editor.createDropDown(caller, 'insertvideo', $content.get(0));

			editor.createDropDown(caller, 'insertimage', $content.get(0));

		},
exec: function (caller) {

		},
exec: function (caller) {

			$.sceditor.command.get('video')._dropDown(this, caller);
},

			$.sceditor.command.get('image')._dropDown(this, caller);
},

		txtExec: function (caller) {

		txtExec: function (caller) {

			$.sceditor.command.get('video')._dropDown(this, caller);

			$.sceditor.command.get('image')._dropDown(this, caller);

		},

		},

		tooltip: 'Insert a video'
});

	});



// Remove last bits of table, superscript/subscript, youtube and ltr/rtl support
$.sceditor.command


// Remove last bits of table, superscript/subscript, youtube and ltr/rtl support
$.sceditor.command

Zeile 531Zeile 702
	if (partialmode) {
$.sceditor.formats.bbcode.remove('code').remove('php').remove('quote').remove('video').remove('img');
$.sceditor.command

	if (partialmode) {
$.sceditor.formats.bbcode.remove('code').remove('php').remove('quote').remove('video').remove('img');
$.sceditor.command

			.set('image', {
exec: function (caller) {
var editor = this,
content = $(this._('<form><div><label for="link">{0}</label> <input type="text" id="image" value="http://" /></div>' +
'<div><label for="width">{1}</label> <input type="text" id="width" size="2" /></div>' +
'<div><label for="height">{2}</label> <input type="text" id="height" size="2" /></div></form>',
this._("URL:"),
this._("Width (optional):"),
this._("Height (optional):")
))
.submit(function () {
return false;
});

content.append($(this._('<div><input type="button" class="button" value="Insert" /></div>',
this._("Insert")
)).on('click', function (e) {
var $form = $(this).parent('form'),
val = $form.find('#image').val(),
width = $form.find('#width').val(),
height = $form.find('#height').val(),
attrs = '';

if (width && height) {
attrs = '=' + width + 'x' + height;
}

if (val && val !== 'http://') {
editor.wysiwygEditorInsertHtml('[img' + attrs + ']' + val + '[/img]');
}

editor.closeDropDown(true);
e.preventDefault();
}));

editor.createDropDown(caller, 'insertimage', content.get(0));
}
})

 
			.set('quote', {
exec: function () {
this.insert('[quote]', '[/quote]');

			.set('quote', {
exec: function () {
this.insert('[quote]', '[/quote]');

Zeile 586Zeile 719
			return '<a href="' + $.sceditor.escapeUriScheme($.sceditor.escapeEntities(attrs.defaultattr)) + '">' + content + '</a>';
}
});

			return '<a href="' + $.sceditor.escapeUriScheme($.sceditor.escapeEntities(attrs.defaultattr)) + '">' + content + '</a>';
}
});

 

/**
* Converts a number 0-255 to hex.
*
* Will return 00 if number is not a valid number.
*
* Copied from the SCEditor's src/formats/bbcode.js file
* where it is unfortunately defined as private.
*
* @param {any} number
* @return {string}
*/
function toHex(number) {
number = parseInt(number, 10);

if (isNaN(number)) {
return '00';
}

number = Math.max(0, Math.min(number, 255)).toString(16);

return number.length < 2 ? '0' + number : number;
}

/**
* Normalises a CSS colour to hex #xxxxxx format
*
* Copied from the SCEditor's src/formats/bbcode.js file
* where it is unfortunately defined as private.
*
* @param {string} colorStr
* @return {string}
*/
function _normaliseColour(colorStr) {
var match;

colorStr = colorStr || '#000';

// rgb(n,n,n);
if ((match = colorStr.match(/rgb\((\d{1,3}),\s*?(\d{1,3}),\s*?(\d{1,3})\)/i))) {
return '#' +
toHex(match[1]) +
toHex(match[2]) +
toHex(match[3]);
}

// rgba(n,n,n,f.p);
if ((match = colorStr.match(/rgba\((\d{1,3}),\s*?(\d{1,3}),\s*?(\d{1,3}),\s*?(\d*\.?\d+\s*)\)/i))) {
return '#' +
toHex(match[1]) +
toHex(match[2]) +
toHex(match[3]);
}

// expand shorthand
if ((match = colorStr.match(/#([0-f])([0-f])([0-f])\s*?$/i))) {
return '#' +
match[1] + match[1] +
match[2] + match[2] +
match[3] + match[3];
}

return colorStr;
}


});

});