:art: https://github.com/siyuan-note/siyuan/issues/7536

app/src/assets/scss/business/_av.scss

@@ -9,6 +9,13 @@
 
   &__title {
     height: 30px;
+    outline: none;
+    font-size: 18px;
+    font-weight: bold;
+    &:empty::after {
+      color: var(--b3-theme-on-surface);
+      content: attr(data-tip);
+    }
   }
 
   &__counter {
@@ -101,4 +108,14 @@
       opacity: 1;
     }
   }
+
+  &.protyle-wysiwyg--select {
+    .layout-tab-bar,
+    .av__row--header,
+    .av__row--footer {
+      background-color: transparent;
+    }
+  }
 }
+
+

app/src/protyle/render/av/render.ts

@@ -74,11 +74,12 @@ export const avRender = (element: Element, cb?: () => void) => {
                 e.firstElementChild.outerHTML = `<div>
     <div class="av__header" style="padding-left: ${paddingLeft};padding-right: ${paddingRight};">
         <div class="layout-tab-bar fn__flex">
-            <div class="item item--focus">tab1</div>
-        </div>
-        <div contenteditable="true" class="av__title">
-            ${data.title}
+            <div class="item item--focus">
+                <svg class="item__graphic"><use xlink:href="#iconTable"></use></svg>
+                <span class="item__text">Table</span>
+            </div>
         </div>
+        <div contenteditable="true" class="av__title" data-tip="${window.siyuan.languages.title}">${data.title||""}</div>
         <div class="av__counter fn__none"></div>
     </div>
     <div class="av__scroll">