fix: 修复新版论坛编辑器混排按钮失效问题

Author: anghunk

CHANGELOG.md

@@ -1,3 +1,4 @@
 - style: 修复管理权限用户头像光圈在简洁模式下的冲突
 - feat: 支持弹窗/侧边双重切换，暂不可同时存在
-- feat: 支持在弹窗/侧边快速查看收藏夹
+- feat: 支持在弹窗/侧边快速查看收藏夹
+- fix: 修复新版论坛编辑器混排按钮失效问题

entrypoints/App.vue

@@ -1191,4 +1191,16 @@ body.body-preview #main-outlet-wrapper {
 
 #linuxdoscripts .menu-items.active>div:nth-child(9) {
   transition-delay: 0.5s;
+}
+
+#reply-control .discard {
+  display: flex;
+}
+
+#reply-control .discard .replyja {
+  margin-right: 10px;
+}
+
+#reply-control .discard-button {
+  margin-left: auto;
 }

entrypoints/app.css

@@ -12,16 +12,17 @@ export default {
   emits: ["update:modelValue"],
   data() {
     return {
-      editorJaIntervalId: null // 添加变量存储定时器ID
+      editorJaIntervalId: null // 添加变量存储定时器 ID
     };
   },
   created() {
     if (this.modelValue) {
       this.editorJaIntervalId = setInterval(() => {
         if ($(".replyja").length < 1) {
-          $("#reply-control .save-or-cancel .create").after(
-            `<button class="btn btn-default replyja" style="margin-left:15px;" type="button">ja 字体</button>`
-          );
+          $("#reply-control .discard").prepend(`
+          <button class="btn btn-icon-text replyja" type="button">
+            <span class="d-button-label">ja 字体</span>
+          </button>`);
           $(".replyja").click(function () {
             let $textarea = $(".d-editor-textarea-wrapper textarea");
             let text = `<span lang="ja">

entrypoints/components/BasicSettings/MenuEditorJa.vue

@@ -13,7 +13,7 @@ export default {
   emits: ["update:modelValue"],
   data() {
     return {
-      panguIntervalId: null // 添加变量存储定时器ID
+      panguIntervalId: null // 添加变量存储定时器 ID
     };
   },
   created() {
@@ -26,7 +26,10 @@ export default {
         });
 
         if ($(".pangutext").length < 1) {
-          $(".save-or-cancel .cancel").before(`<span class="pangutext">混排优化</span>`);
+          $("#reply-control .discard").prepend(`
+          <button class="btn btn-icon-text pangutext" type="button">
+            <span class="d-button-label">混排优化</span>
+          </button>`);
           $(".pangutext").click(function () {
             const $textarea = $(".d-editor-input");
             let text = pangu.spacing($textarea.val());

entrypoints/components/BasicSettings/MenuPangu.vue

@@ -2,7 +2,7 @@
   "name": "linuxdo-scripts",
   "description": "manifest.json description",
   "private": true,
-  "version": "1.4.1",
+  "version": "1.4.2",
   "type": "module",
   "scripts": {
     "dev": "wxt",

package.json

@@ -1,3 +1,10 @@
+## 1.4.2
+
+- style: 修复管理权限用户头像光圈在简洁模式下的冲突
+- feat: 支持弹窗/侧边双重切换，暂不可同时存在
+- feat: 支持在弹窗/侧边快速查看收藏夹
+- fix: 修复新版论坛编辑器混排按钮失效问题
+
 ## 1.4.1
 
 - fix: 修复回复帖子时跳动问题 #233 #231