[3.0] Theme

Sources/Editor.php

@@ -256,7 +256,7 @@ class Editor implements \ArrayAccess, \Stringable
 	 * ```php
 	 * [
 	 *     'code' => 'b',
-	 *     'description' => Lang::$editortxt['bold'], // Optional
+	 *     'description' => Lang::getTxt('bold', var: 'editortxt'), // Optional
 	 *     'image' => 'bold', // Optional
 	 *     'before' => '[b]', // Optional
 	 *     'after' => '[/b]', // Optional
@@ -511,7 +511,7 @@ protected static function initBbcTags(): void
 		/*
 			array(
 				'code' => 'b', // Required
-				'description' => Lang::$editortxt['bold'], // Required
+				'description' => Lang::getTxt('bold', var: 'editortxt'), // Required
 				'image' => 'bold', // Optional
 				'before' => '[b]', // Optional
 				'after' => '[/b]', // Optional
@@ -521,142 +521,142 @@ protected static function initBbcTags(): void
 			[
 				[
 					'code' => 'bold',
-					'description' => Lang::$editortxt['bold'],
+					'description' => Lang::getTxt('bold', var: 'editortxt'),
 				],
 				[
 					'code' => 'italic',
-					'description' => Lang::$editortxt['italic'],
+					'description' => Lang::getTxt('italic', var: 'editortxt'),
 				],
 				[
 					'code' => 'underline',
-					'description' => Lang::$editortxt['underline'],
+					'description' => Lang::getTxt('underline', var: 'editortxt'),
 				],
 				[
 					'code' => 'strike',
-					'description' => Lang::$editortxt['strikethrough'],
+					'description' => Lang::getTxt('strikethrough', var: 'editortxt'),
 				],
 				[
 					'code' => 'superscript',
-					'description' => Lang::$editortxt['superscript'],
+					'description' => Lang::getTxt('superscript', var: 'editortxt'),
 				],
 				[
 					'code' => 'subscript',
-					'description' => Lang::$editortxt['subscript'],
+					'description' => Lang::getTxt('subscript', var: 'editortxt'),
 				],
 				[],
 				[
 					'code' => 'pre',
-					'description' => Lang::$editortxt['preformatted_text'],
+					'description' => Lang::getTxt('preformatted_text', var: 'editortxt'),
 				],
 				[
 					'code' => 'left',
-					'description' => Lang::$editortxt['align_left'],
+					'description' => Lang::getTxt('align_left', var: 'editortxt'),
 				],
 				[
 					'code' => 'center',
-					'description' => Lang::$editortxt['center'],
+					'description' => Lang::getTxt('center', var: 'editortxt'),
 				],
 				[
 					'code' => 'right',
-					'description' => Lang::$editortxt['align_right'],
+					'description' => Lang::getTxt('align_right', var: 'editortxt'),
 				],
 				[
 					'code' => 'justify',
-					'description' => Lang::$editortxt['justify'],
+					'description' => Lang::getTxt('justify', var: 'editortxt'),
 				],
 				[],
 				[
 					'code' => 'font',
-					'description' => Lang::$editortxt['font_name'],
+					'description' => Lang::getTxt('font_name', var: 'editortxt'),
 				],
 				[
 					'code' => 'size',
-					'description' => Lang::$editortxt['font_size'],
+					'description' => Lang::getTxt('font_size', var: 'editortxt'),
 				],
 				[
 					'code' => 'color',
-					'description' => Lang::$editortxt['font_color'],
+					'description' => Lang::getTxt('font_color', var: 'editortxt'),
 				],
 				[],
 				[
 					'code' => 'removeformat',
-					'description' => Lang::$editortxt['remove_formatting'],
+					'description' => Lang::getTxt('remove_formatting', var: 'editortxt'),
 				],
 			],
 			[
 				[
 					'code' => 'floatleft',
-					'description' => Lang::$editortxt['float_left'],
+					'description' => Lang::getTxt('float_left', var: 'editortxt'),
 				],
 				[
 					'code' => 'floatright',
-					'description' => Lang::$editortxt['float_right'],
+					'description' => Lang::getTxt('float_right', var: 'editortxt'),
 				],
 				[],
 				[
 					'code' => 'youtube',
-					'description' => Lang::$editortxt['insert_youtube_video'],
+					'description' => Lang::getTxt('insert_youtube_video', var: 'editortxt'),
 				],
 				[
 					'code' => 'image',
-					'description' => Lang::$editortxt['insert_image'],
+					'description' => Lang::getTxt('insert_image', var: 'editortxt'),
 				],
 				[
 					'code' => 'email',
-					'description' => Lang::$editortxt['insert_email'],
+					'description' => Lang::getTxt('insert_email', var: 'editortxt'),
 				],
 				[
 					'code' => 'link',
-					'description' => Lang::$editortxt['insert_link'],
+					'description' => Lang::getTxt('insert_link', var: 'editortxt'),
 				],
 				[
 					'code' => 'unlink',
-					'description' => Lang::$editortxt['unlink'],
+					'description' => Lang::getTxt('unlink', var: 'editortxt'),
 				],
 				[],
 				[
 					'code' => 'table',
-					'description' => Lang::$editortxt['insert_table'],
+					'description' => Lang::getTxt('insert_table', var: 'editortxt'),
 				],
 				[
 					'code' => 'code',
-					'description' => Lang::$editortxt['code'],
+					'description' => Lang::getTxt('code', var: 'editortxt'),
 				],
 				[
 					'image' => 'tt',
 					'code' => 'tt',
-					'description' => Lang::$editortxt['tt'],
+					'description' => Lang::getTxt('tt', var: 'editortxt'),
 				],
 				[
 					'code' => 'quote',
-					'description' => Lang::$editortxt['insert_quote'],
+					'description' => Lang::getTxt('insert_quote', var: 'editortxt'),
 				],
 				[],
 				[
 					'code' => 'bulletlist',
-					'description' => Lang::$editortxt['bullet_list'],
+					'description' => Lang::getTxt('bullet_list', var: 'editortxt'),
 				],
 				[
 					'code' => 'orderedlist',
-					'description' => Lang::$editortxt['numbered_list'],
+					'description' => Lang::getTxt('numbered_list', var: 'editortxt'),
 				],
 				[
 					'code' => 'horizontalrule',
-					'description' => Lang::$editortxt['insert_horizontal_rule'],
+					'description' => Lang::getTxt('insert_horizontal_rule', var: 'editortxt'),
 				],
 				[
 					'image' => 'heading',
 					'code' => 'heading',
-					'description' => Lang::$editortxt['heading'],
+					'description' => Lang::getTxt('heading', var: 'editortxt'),
 				],
 				[],
 				[
 					'code' => 'maximize',
-					'description' => Lang::$editortxt['maximize'],
+					'description' => Lang::getTxt('maximize', var: 'editortxt'),
 				],
 				[
 					'code' => 'source',
-					'description' => Lang::$editortxt['view_source'],
+					'description' => Lang::getTxt('view_source', var: 'editortxt'),
 				],
 			],
 		];
@@ -700,25 +700,27 @@ protected function init(): void
 		Theme::loadJavaScriptFile('jquery.sceditor.bbcode.min.js', [], 'smf_sceditor_bbcode');
 		Theme::loadJavaScriptFile('sceditor.plugins.smf.js', ['minimize' => true], 'smf_sceditor_smf_plugin');
 
-		Theme::addInlineJavaScript(
-			'
-			sceditor.locale["' . Lang::$txt['lang_dictionary'] . '"] = {
-				"Width (optional):": "' . Lang::$editortxt['width'] . '",
-				"Height (optional):": "' . Lang::$editortxt['height'] . '",
-				"Insert": "' . Lang::$editortxt['insert'] . '",
-				"Description (optional):": "' . Lang::$editortxt['description'] . '",
-				"Rows:": "' . Lang::$editortxt['rows'] . '",
-				"Cols:": "' . Lang::$editortxt['cols'] . '",
-				"URL:": "' . Lang::$editortxt['url'] . '",
-				"E-mail:": "' . Lang::$editortxt['email'] . '",
-				"Video URL:": "' . Lang::$editortxt['video_url'] . '",
-				"More": "' . Lang::$editortxt['more'] . '",
-				"Close": "' . Lang::$editortxt['close'] . '",
-				dateFormat: "' . Lang::$editortxt['dateformat'] . '"
-			};',
-			true,
-		);
+		$locale_key = Lang::getTxt('lang_dictionary', file: 'General');
+
+		$translation_map = [
+			'Width (optional):' => Lang::getTxt('width', var: 'editortxt'),
+			'Height (optional):' => Lang::getTxt('height', var: 'editortxt'),
+			'Insert' => Lang::getTxt('insert', var: 'editortxt'),
+			'Description (optional):' => Lang::getTxt('description', var: 'editortxt'),
+			'Rows:' => Lang::getTxt('rows', var: 'editortxt'),
+			'Cols:' => Lang::getTxt('cols', var: 'editortxt'),
+			'URL:' => Lang::getTxt('url', var: 'editortxt'),
+			'E-mail:' => Lang::getTxt('email', var: 'editortxt'),
+			'Video URL:' => Lang::getTxt('video_url', var: 'editortxt'),
+			'More' => Lang::getTxt('more', var: 'editortxt'),
+			'Close' => Lang::getTxt('close', var: 'editortxt'),
+			'dateFormat' => Lang::getTxt('dateformat', var: 'editortxt'),
+		];
+		IntegrationHook::call('integrate_sceditor_locale', [&$translation_map]);
+
+		$sc_extra_langs = 'sceditor.locale["' . $locale_key . '"] = ' . json_encode($translation_map, JSON_UNESCAPED_UNICODE) . ';';
 
+		Theme::addInlineJavaScript($sc_extra_langs, true);
 		Theme::addInlineJavaScript('
 		var smf_smileys_url = \'' . Theme::$current->settings['smileys_url'] . '\';
 		var bbc_quote_from = \'' . addcslashes(Lang::getTxt('quote_from', file: 'General'), "'") . '\';
@@ -968,21 +970,21 @@ protected function setSCEditorOptions(array $editorOptions)
 			'emoticonsEnabled' => !$this->disable_smiley_box,
 			'emoticonsRoot' => Theme::$current->settings['smileys_url'] . '/',
 			'colors' => [
-				['black', Lang::$editortxt['black']],
-				['red', Lang::$editortxt['red']],
-				['yellow', Lang::$editortxt['yellow']],
-				['pink', Lang::$editortxt['pink']],
-				['green', Lang::$editortxt['green']],
-				['orange', Lang::$editortxt['orange']],
-				['purple', Lang::$editortxt['purple']],
-				['blue', Lang::$editortxt['blue']],
-				['beige', Lang::$editortxt['beige']],
-				['brown', Lang::$editortxt['brown']],
-				['teal', Lang::$editortxt['teal']],
-				['navy', Lang::$editortxt['navy']],
-				['maroon', Lang::$editortxt['maroon']],
-				['limegreen', Lang::$editortxt['lime_green']],
-				['white', Lang::$editortxt['white']],
+				['black', Lang::getTxt('black', var: 'editortxt')],
+				['red', Lang::getTxt('red', var: 'editortxt')],
+				['yellow', Lang::getTxt('yellow', var: 'editortxt')],
+				['pink', Lang::getTxt('pink', var: 'editortxt')],
+				['green', Lang::getTxt('green', var: 'editortxt')],
+				['orange', Lang::getTxt('orange', var: 'editortxt')],
+				['purple', Lang::getTxt('purple', var: 'editortxt')],
+				['blue', Lang::getTxt('blue', var: 'editortxt')],
+				['beige', Lang::getTxt('beige', var: 'editortxt')],
+				['brown', Lang::getTxt('brown', var: 'editortxt')],
+				['teal', Lang::getTxt('teal', var: 'editortxt')],
+				['navy', Lang::getTxt('navy', var: 'editortxt')],
+				['maroon', Lang::getTxt('maroon', var: 'editortxt')],
+				['limegreen', Lang::getTxt('lime_green', var: 'editortxt')],
+				['white', Lang::getTxt('white', var: 'editortxt')],
 			],
 			'fonts' => 'Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana',
 			'icons' => 'monocons',

Themes/default/css/jquery.sceditor.default.css

@@ -46,7 +46,7 @@ table, td {
 	padding: .25em;
 }
 
-span.phpcode, font[face=monospace] {
+span.phpcode, .bbc_tt {
 	background-color: rgba(127, 127, 127, 0.25);
 	padding: 0 0.2ch;
 	display: inline;

Themes/default/scripts/sceditor.plugins.smf.js

@@ -1153,20 +1153,7 @@ sceditor.formats.bbcode.set(
 	}
 );
 
-sceditor.formats.bbcode.set(
-	'pre', {
-		tags: {
-			a: {
-				'data-type': ['ftp']
-			}
-		},
-		format({href}, content) {
-			return (href == content ? '[ftp]' : '[ftp=' + href + ']') + content + '[/ftp]';
-		},
-		html(token, {defaultattr}, content) {
-			return '<a data-type="ftp" href="' + (defaultattr || content) + '">' + content + '</a>';
-		}
-	})
+sceditor.formats.bbcode
 	.set('table', {
 		breakStart: true,
 		isHtmlInline: false,
@@ -1178,10 +1165,10 @@ sceditor.formats.bbcode.set(
 	.set('tt', {
 		tags: {
 			tt: null,
-			span: {'class': ['tt']}
+			code: {'class': ['bbc_tt']}
 		},
 		format: '[tt]{0}[/tt]',
-		html: '<span class="tt">{0}</span>'
+		html: '<code class="bbc_tt">{0}</code>'
 	})
 	.set('pre', {
 		tags: {
@@ -1216,21 +1203,8 @@ sceditor.formats.bbcode.set(
 		format: "[php]{0}[/php]",
 		html: '<code class="php">{0}</code>'
 	}
-);
-
-sceditor.formats.bbcode.set(
-	'tt', {
-		tags: {
-			font: {
-				'face': 'monospace'
-			}
-		},
-		format: '[tt]{0}[/tt]',
-		html: '<font face="monospace">{0}</font>'
-	}
-);
-
-sceditor.formats.bbcode.set(
+)
+set(
 	'code', {
 		tags: {
 			code: null,
@@ -1246,7 +1220,7 @@ sceditor.formats.bbcode.set(
 		format: function (element, content) {
 			let title = element.getAttribute('data-title');
 
-			if (element.className === 'php')
+			if (element.className === 'phpcode' || element.className === 'bbc_tt')
 				return content;
 			else if (element.tagName === 'DIV')
 				return '';