diff --git a/packages/editor/src/Editor.vue b/packages/editor/src/Editor.vue
index ba1f5620..95d5b96f 100644
--- a/packages/editor/src/Editor.vue
+++ b/packages/editor/src/Editor.vue
@@ -88,6 +88,7 @@
       <slot name="footer"></slot>
     </template>
 
+    <template #page-bar><slot name="page-bar"></slot></template>
     <template #page-bar-title="{ page }"><slot name="page-bar-title" :page="page"></slot></template>
     <template #page-bar-popover="{ page }"><slot name="page-bar-popover" :page="page"></slot></template>
   </Framework>
diff --git a/packages/editor/src/layouts/Framework.vue b/packages/editor/src/layouts/Framework.vue
index 0df652dd..c2c417ab 100644
--- a/packages/editor/src/layouts/Framework.vue
+++ b/packages/editor/src/layouts/Framework.vue
@@ -36,10 +36,12 @@
           <AddPageBox :disabled-page-fragment="disabledPageFragment"></AddPageBox>
         </slot>
 
-        <PageBar :disabled-page-fragment="disabledPageFragment">
-          <template #page-bar-title="{ page }"><slot name="page-bar-title" :page="page"></slot></template>
-          <template #page-bar-popover="{ page }"><slot name="page-bar-popover" :page="page"></slot></template>
-        </PageBar>
+        <slot name="page-bar">
+          <PageBar :disabled-page-fragment="disabledPageFragment">
+            <template #page-bar-title="{ page }"><slot name="page-bar-title" :page="page"></slot></template>
+            <template #page-bar-popover="{ page }"><slot name="page-bar-popover" :page="page"></slot></template>
+          </PageBar>
+        </slot>
       </template>
 
       <template v-if="page" #right>
diff --git a/packages/editor/src/type.ts b/packages/editor/src/type.ts
index 5c5b3c80..c505c17d 100644
--- a/packages/editor/src/type.ts
+++ b/packages/editor/src/type.ts
@@ -54,6 +54,7 @@ export interface FrameworkSlots {
   workspace(props: {}): any;
   'props-panel'(props: {}): any;
   'footer'(props: {}): any;
+  'page-bar'(props: {}): any;
   'page-bar-title'(props: { page: MPage | MPageFragment }): any;
   'page-bar-popover'(props: { page: MPage | MPageFragment }): any;
 }