From 1d9db82688636f71f7fa890c4651e1fec2b3fdcf Mon Sep 17 00:00:00 2001
From: Roman Kelesidis <roman25052006.kelesh@gmail.com>
Date: Wed, 31 May 2023 00:03:32 +0700
Subject: [PATCH] Added sup & sub tags in BBCode (#746)

---
 library/language/source/main.php            |  2 ++
 src/Legacy/BBCode.php                       |  4 ++++
 styles/templates/default/posting_editor.tpl | 17 +++++++++++------
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/library/language/source/main.php b/library/language/source/main.php
index b4fc2d445..1cab84d5c 100644
--- a/library/language/source/main.php
+++ b/library/language/source/main.php
@@ -1515,6 +1515,8 @@ $lang['BOLD'] = 'Bold text: [b]text[/b] (Ctrl+B)';
 $lang['ITALIC'] = 'Italic text: [i]text[/i] (Ctrl+I)';
 $lang['UNDERLINE'] = 'Underline text: [u]text[/u] (Ctrl+U)';
 $lang['STRIKEOUT'] = 'Strikeout text: [s]text[/s] (Ctrl+S)';
+$lang['SUPERSCRIPT'] = 'Superscript text: [sup]text[/sup]';
+$lang['SUBSCRIPT'] = 'Subscript text: [sub]text[/sub]';
 $lang['QUOTE_TITLE'] = 'Quote text: [quote]text[/quote] (Ctrl+Q)';
 $lang['IMG_TITLE'] = 'Insert image: [img]https://image_url[/img] (Ctrl+R)';
 $lang['URL'] = 'Url';
diff --git a/src/Legacy/BBCode.php b/src/Legacy/BBCode.php
index 7284d38ad..4eed96db1 100644
--- a/src/Legacy/BBCode.php
+++ b/src/Legacy/BBCode.php
@@ -120,6 +120,10 @@ class BBCode
             '[/i]' => '</span>',
             '[s]' => '<span class="post-s">',
             '[/s]' => '</span>',
+            '[sup]' => '<sup>',
+            '[/sup]' => '</sup>',
+            '[sub]' => '<sub>',
+            '[/sub]' => '</sub>',
             '[del]' => '<span class="post-s">',
             '[/del]' => '</span>',
             '[clear]' => '<div class="clear">&nbsp;</div>',
diff --git a/styles/templates/default/posting_editor.tpl b/styles/templates/default/posting_editor.tpl
index f81b154c4..e21d53adb 100644
--- a/styles/templates/default/posting_editor.tpl
+++ b/styles/templates/default/posting_editor.tpl
@@ -27,7 +27,7 @@ ajax.callback.posts = function(data) {
 	<option style="font-family: Georgia" value="Georgia">&nbsp;Georgia</option>
 	<option style="font-family: Fixedsys" value="Fixedsys">&nbsp;Fixedsys</option>
 </select>
-&nbsp;
+
 <select name="codeColor" class="text_color">
 	<option style="color: black; background: #fff;" value="black" selected="selected">{L_QR_COLOR_SEL}:</option>
 	<option style="color: darkred;" value="darkred">&nbsp;{L_COLOR_DARK_RED}</option>
@@ -44,7 +44,7 @@ ajax.callback.posts = function(data) {
 	<option style="color: indigo;" value="indigo">&nbsp;{L_COLOR_INDIGO}</option>
 	<option style="color: #006699;" value="#006699">&nbsp;{L_COLOR_STEEL_BLUE}</option>
 </select>
-&nbsp;
+
 <select name="codeSize" class="text_size">
 	<option value="12" selected="selected">{L_QR_SIZE_SEL}:</option>
 	<option value="9" class="em">{L_FONT_SMALL}</option>
@@ -74,7 +74,7 @@ ajax.callback.posts = function(data) {
 	<input type="button" value="&para;" name="codeBR" title="{L_NEW_LINE}" style="width: 26px;" />&nbsp;
 	<input type="button" value="{L_SPOILER}" name="codeSpoiler" title="{L_SPOILER}" style="width: 65px;" />
 </span>
-&nbsp;
+
 <div class="buttons floatR">
 	<input type="button" value="+" onclick="$('#message').css({height: parseInt($('#message').css('height')) + 100}); return false;">
 	<input type="button" value="-" onclick="$('#message').css({height: parseInt($('#message').css('height')) - 100}); return false;">
@@ -86,7 +86,9 @@ ajax.callback.posts = function(data) {
 	<input type="button" value="B" name="codeB" title="{L_BOLD}" style="font-weight: bold; width: 25px;" />
 	<input type="button" value="i" name="codeI" title="{L_ITALIC}" style="width: 25px; font-style: italic;" />
 	<input type="button" value="u" name="codeU" title="{L_UNDERLINE}" style="width: 25px; text-decoration: underline;" />
-	<input type="button" value="s" name="codeS" title="{L_STRIKEOUT}" style="width: 25px; text-decoration: line-through;" />&nbsp;&nbsp;
+	<input type="button" value="s" name="codeS" title="{L_STRIKEOUT}" style="width: 25px; text-decoration: line-through;" />&nbsp;
+    <input type="button" value="sup" name="codeSup" title="{L_SUPERSCRIPT}" />
+    <input type="button" value="sub" name="codeSub" title="{L_SUBSCRIPT}" />&nbsp;
 	<input type="button" value="{L_QUOTE}" name="codeQuote" title="{L_QUOTE_TITLE}" style="width: 57px;" />
 	<input type="button" value="Img" name="codeImg" title="{L_IMG_TITLE}" style="width: 40px;" />
 	<input type="button" value="{L_URL}" name="codeUrl" title="{L_URL_TITLE}" style="width: 63px; text-decoration: underline;" />&nbsp;
@@ -107,8 +109,8 @@ ajax.callback.posts = function(data) {
 <div class="mrg_8 tCenter">
 	<div id="post-buttons-block" style="display: none;">
 		<div class="pad_4" align="center">{CAPTCHA_HTML}</div>
-		<input type="submit" name="preview" value="{L_PREVIEW}" id="post-preview-btn" onclick="$('#post-submit').remove();">&nbsp;&nbsp;
-		<input onclick="submitted = true;" title="Ctrl+Enter" type="submit" name="post" class="bold" value="{L_SUBMIT}" id="post-submit-btn">&nbsp;&nbsp;
+		<input type="submit" name="preview" value="{L_PREVIEW}" id="post-preview-btn" onclick="$('#post-submit').remove();">&nbsp;
+		<input onclick="submitted = true;" title="Ctrl+Enter" type="submit" name="post" class="bold" value="{L_SUBMIT}" id="post-submit-btn">&nbsp;
 		<input type="button" value="{L_AJAX_PREVIEW}" onclick="ajax.exec({ action: 'posts', type: 'view_message', message: $('textarea#message').val()});">
 	</div>
 	<div id="post-js-warn">{L_JAVASCRIPT_ON}</div>
@@ -185,6 +187,9 @@ bbcode.addTag("codeI", "i", null, "I", ctrl);
 bbcode.addTag("codeU", "u", null, "U", ctrl);
 bbcode.addTag("codeS", "s", null, "S", ctrl);
 
+bbcode.addTag("codeSup", "sup", null, "", ctrl);
+bbcode.addTag("codeSub", "sub", null, "", ctrl);
+
 bbcode.addTag("codeQuote", "quote", null, "Q", ctrl);
 bbcode.addTag("codeImg", "img", null, "R", ctrl);
 bbcode.addTag("codeUrl", "url", "/url", "W", ctrl);