From 44a219cda96deb6732a26ebb75ff8c9e0400a3e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= <mapaler@163.com>
Date: Tue, 30 Jul 2024 20:22:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=8C=E6=96=87=E6=9C=AC=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=99=A8=E6=94=B9=E4=B8=BA=E7=82=B9=E5=87=BB=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E6=A1=86=E6=89=8D=E5=87=BA=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 multi.html        |  4 ++--
 script.js         | 18 ++++++++++++++++++
 service-worker.js | 10 +++++-----
 solo.html         |  4 ++--
 style.css         | 10 ++++++++--
 triple.html       |  4 ++--
 6 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/multi.html b/multi.html
index c790cad3..a501d041 100644
--- a/multi.html
+++ b/multi.html
@@ -111,7 +111,6 @@ const teamsCount = 2;
 			<input type="checkbox" class="switch-ipt" id="show-team-awoken-effect"><label for="show-team-awoken-effect"></label>
 			<input type="checkbox" class="switch-ipt" id="show-meter"><label for="show-meter"></label>
 			<input type="checkbox" class="switch-ipt" id="show-team-awoken-count"><label for="show-team-awoken-count"></label>
-			<input type="checkbox" class="switch-ipt" id="show-rich-text-tools"><label for="show-rich-text-tools"></label>
 		</details>
 		<div class="status"></div>
 		<div class="formation-control">
@@ -847,7 +846,7 @@ const teamsCount = 2;
 			<div class="dialog-content"></div>
 		</dialog>
 	</div>
-	<div id="rich-text-tools">
+	<div id="rich-text-tools" class="display-none">
 		<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
 		<button id="insert-card-avatar" title="Insert Card Avatar"></button>
 		<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
@@ -855,6 +854,7 @@ const teamsCount = 2;
 		<button id="insert-type-icon" title="Insert Type Icon"></button>
 		<button id="insert-orb-icon" title="Insert Orb Icon"></button>
 		<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
+		<button id="hide-rich-text-tools" title="Close"></button>
 	</div>
 	<div class="edit-box display-none">
 		<div class="edit-box-title"><!--修改怪物--></div>
diff --git a/script.js b/script.js
index 7825c62c..5b61be79 100644
--- a/script.js
+++ b/script.js
@@ -3331,6 +3331,10 @@ function initialize() {
 	const insertLatentIcon = document.getElementById("insert-latent-icon");
 	const insertTypeIcon = document.getElementById("insert-type-icon");
 	const insertOrbIcon = document.getElementById("insert-orb-icon");
+	const hideRichTextTools = document.getElementById("hide-rich-text-tools");
+	hideRichTextTools.onclick = function (event) {
+		richTextTools.classList.add(className_displayNone);
+	}
 
 	const insertAwokenIconList = insertAwokenIcon.list = document.createElement("ul");
 	insertAwokenIconList.className = "awoken-ul " + className_displayNone;
@@ -3670,6 +3674,20 @@ function initialize() {
 		txtDetailDisplay.append(descriptionToHTML(this.value));
 		createNewUrl();
 	};
+
+	function showRichtextTool(event) {
+		richTextTools.classList.remove(className_displayNone);
+	}
+
+	[
+		txtTitleDisplay,
+		txtDetailDisplay,
+		txtTitle,
+		txtDetail
+	].forEach(target=>{
+		target.addEventListener("focus",showRichtextTool);
+	});
+
 	//设置为可以拖放已经编辑好的队伍
 	function richTextDropHandler(event) {
 		let formStr = event.dataTransfer.getData('from');
diff --git a/service-worker.js b/service-worker.js
index d50620ce..66ec5a86 100644
--- a/service-worker.js
+++ b/service-worker.js
@@ -32319,7 +32319,7 @@ const cachesMap = new Map([
 	],
 	[
 		"multi.html",
-		"bf2bb9fa246355450df3301b613c2919"
+		"f41d25b7659aaf5e948e2697a8fa0847"
 	],
 	[
 		"script-custom_elements.js",
@@ -32339,11 +32339,11 @@ const cachesMap = new Map([
 	],
 	[
 		"script.js",
-		"e91ff282aced60ee53886c10e5b45c08"
+		"1d660f2a6771b53b3cc706010cd3d60f"
 	],
 	[
 		"solo.html",
-		"6b624264a58a0e472b20a16665a52451"
+		"c82e8fca2d732ae124fc00fc77bd828f"
 	],
 	[
 		"style-fix-html2canvas.css",
@@ -32355,7 +32355,7 @@ const cachesMap = new Map([
 	],
 	[
 		"style.css",
-		"0c32a8e9ae733bc2b4f0c301d48a3056"
+		"d6b4a67ec6b2833ad462d704ec4f9ac3"
 	],
 	[
 		"temp.js",
@@ -32363,7 +32363,7 @@ const cachesMap = new Map([
 	],
 	[
 		"triple.html",
-		"6a62db5f8f57d9eb025f1557c8873689"
+		"218dcf2818fc6d69f37c574a4cc750e2"
 	],
 	[
 		"languages/en.css",
diff --git a/solo.html b/solo.html
index 59bb7b41..8883f9c6 100644
--- a/solo.html
+++ b/solo.html
@@ -91,7 +91,6 @@ const teamsCount = 1;
 			<input type="checkbox" class="switch-ipt" id="show-team-awoken-effect"><label for="show-team-awoken-effect"></label>
 			<input type="checkbox" class="switch-ipt" id="show-meter"><label for="show-meter"></label>
 			<input type="checkbox" class="switch-ipt" id="show-team-awoken-count"><label for="show-team-awoken-count"></label>
-			<input type="checkbox" class="switch-ipt" id="show-rich-text-tools"><label for="show-rich-text-tools"></label>
 		</details>
 		<div class="status"></div>
 		<div class="formation-control">
@@ -585,7 +584,7 @@ const teamsCount = 1;
 			<div class="dialog-content"></div>
 		</dialog>
 	</div>
-	<div id="rich-text-tools">
+	<div id="rich-text-tools" class="display-none">
 		<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
 		<button id="insert-card-avatar" title="Insert Card Avatar"></button>
 		<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
@@ -593,6 +592,7 @@ const teamsCount = 1;
 		<button id="insert-type-icon" title="Insert Type Icon"></button>
 		<button id="insert-orb-icon" title="Insert Orb Icon"></button>
 		<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
+		<button id="hide-rich-text-tools" title="Close"></button>
 	</div>
 	<div class="edit-box display-none">
 		<div class="edit-box-title"><!--修改怪物--></div>
diff --git a/style.css b/style.css
index 6afc49d7..7ed26084 100644
--- a/style.css
+++ b/style.css
@@ -270,6 +270,13 @@ label[for="siwtch-code-mode"]::after {
 	grid-template-columns: repeat(auto-fill, 36px);
 	grid-auto-rows: 36px;
 }
+#hide-rich-text-tools {
+	float: right;
+}
+#hide-rich-text-tools::before {
+	content: "\f00d";
+	font-size: 1.7em;
+}
 
 .rich-text icon{
 	vertical-align: middle;
@@ -874,8 +881,7 @@ body:not(.show-team-total-info) :where(.tIf-total-hp, .tIf-effect),
 body:not(.show-team-attrtype-count) .team-total-info-count, /*稀有度、属性与类型计数*/
 body:not(.show-team-awoken-effect) .team-awoken-effect, /*队伍觉醒效果统计*/
 body:not(.show-meter) meter, /*显示计量条*/
-body.show-meter meter+span,
-body:not(.show-rich-text-tools) #rich-text-tools /*富文本框选择器*/
+body.show-meter meter+span /*勾选显示计量条则隐藏文字*/
 {
 	display: none !important;
 }
diff --git a/triple.html b/triple.html
index 5e98fa6e..ad84f999 100644
--- a/triple.html
+++ b/triple.html
@@ -97,7 +97,6 @@ const teamsCount = 3;
 			<input type="checkbox" class="switch-ipt" id="show-team-awoken-effect"><label for="show-team-awoken-effect"></label>
 			<input type="checkbox" class="switch-ipt" id="show-meter"><label for="show-meter"></label>
 			<input type="checkbox" class="switch-ipt" id="show-team-awoken-count"><label for="show-team-awoken-count"></label>
-			<input type="checkbox" class="switch-ipt" id="show-rich-text-tools"><label for="show-rich-text-tools"></label>
 		</details>
 		<div class="status"></div>
 		<div class="formation-control">
@@ -1526,7 +1525,7 @@ const teamsCount = 3;
 			<div class="dialog-content"></div>
 		</dialog>
 	</div>
-	<div id="rich-text-tools">
+	<div id="rich-text-tools" class="display-none">
 		<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
 		<button id="insert-card-avatar" title="Insert Card Avatar"></button>
 		<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
@@ -1534,6 +1533,7 @@ const teamsCount = 3;
 		<button id="insert-type-icon" title="Insert Type Icon"></button>
 		<button id="insert-orb-icon" title="Insert Orb Icon"></button>
 		<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
+		<button id="hide-rich-text-tools" title="Close"></button>
 	</div>
 	<div class="edit-box display-none">
 		<div class="edit-box-title"><!--修改怪物--></div>