diff --git a/ui/src/api/knowledge/knowledge.ts b/ui/src/api/knowledge/knowledge.ts
index 1dafb38c7..3961bc9d8 100644
--- a/ui/src/api/knowledge/knowledge.ts
+++ b/ui/src/api/knowledge/knowledge.ts
@@ -123,16 +123,19 @@ const postDataset: (
  * @param 参数
  * {
  "name": "string",
- "desc": "string",
- "source_url": "string",
- "selector": "string",
+  "folder_id": "string",
+  "desc": "string",
+  "embedding": "string",
+  "source_url": "string",
+  "selector": "string"
  }
  */
-const postWebDataset: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
-  data,
-  loading,
-) => {
-  return post(`${prefix}/web`, data, undefined, loading)
+const postWebDataset: (
+  wordspace_id: string,
+  data: any,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (wordspace_id, data, loading) => {
+  return post(`${prefix}/${wordspace_id}/knowledge/web`, data, undefined, loading)
 }
 /**
  * 创建Lark知识库
@@ -159,4 +162,5 @@ export default {
   putSyncWebKnowledge,
   getKnowledgeDetail,
   postDataset,
+  postWebDataset
 }
diff --git a/ui/src/views/knowledge/component/KnowledgeIcon.vue b/ui/src/views/knowledge/component/KnowledgeIcon.vue
index 7c06e3bd7..2b8603751 100644
--- a/ui/src/views/knowledge/component/KnowledgeIcon.vue
+++ b/ui/src/views/knowledge/component/KnowledgeIcon.vue
@@ -18,7 +18,7 @@
 <script setup lang="ts">
 const props = defineProps({
   type: {
-    type: String,
+    type: [String, Number],
     default: '',
   },
 })
diff --git a/ui/src/views/knowledge/create-component/CreateKnowledgeDialog.vue b/ui/src/views/knowledge/create-component/CreateKnowledgeDialog.vue
index d5fc7fdd5..a2c9f4712 100644
--- a/ui/src/views/knowledge/create-component/CreateKnowledgeDialog.vue
+++ b/ui/src/views/knowledge/create-component/CreateKnowledgeDialog.vue
@@ -36,10 +36,11 @@ const BaseFormRef = ref()
 
 const loading = ref(false)
 const dialogVisible = ref<boolean>(false)
-const currentFolder = ref<string>('')
+const currentFolder = ref<any>(null)
 
 watch(dialogVisible, (bool) => {
   if (!bool) {
+    currentFolder.value = null
   }
 })
 
@@ -51,7 +52,7 @@ const open = (folder: string) => {
 const submitHandle = async () => {
   if (await BaseFormRef.value?.validate()) {
     const obj = {
-      folder_id: currentFolder.value.id,
+      folder_id: currentFolder.value?.id,
       ...BaseFormRef.value.form,
     }
     KnowledgeApi.postDataset('default', obj, loading).then((res) => {
diff --git a/ui/src/views/knowledge/create-component/CreateKnowledgeDialog copy.vue b/ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog copy.vue
similarity index 100%
rename from ui/src/views/knowledge/create-component/CreateKnowledgeDialog copy.vue
rename to ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog copy.vue
diff --git a/ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog.vue b/ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog.vue
new file mode 100644
index 000000000..b2523c4a5
--- /dev/null
+++ b/ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog.vue
@@ -0,0 +1,120 @@
+<template>
+  <el-dialog
+    :title="$t('views.knowledge.knowledgeType.createGeneralKnowledge')"
+    v-model="dialogVisible"
+    width="720"
+    append-to-body
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+  >
+    <!-- 基本信息 -->
+    <BaseForm ref="BaseFormRef" v-if="dialogVisible" />
+    <el-form
+      ref="KnowledgeFormRef"
+      :rules="rules"
+      :model="knowledgeForm"
+      label-position="top"
+      require-asterisk-position="right"
+    >
+      <el-form-item :label="$t('views.knowledge.form.source_url.label')" prop="source_url">
+        <el-input
+          v-model="knowledgeForm.source_url"
+          :placeholder="$t('views.knowledge.form.source_url.placeholder')"
+          @blur="knowledgeForm.source_url = knowledgeForm.source_url.trim()"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('views.knowledge.form.selector.label')">
+        <el-input
+          v-model="knowledgeForm.selector"
+          :placeholder="$t('views.knowledge.form.selector.placeholder')"
+          @blur="knowledgeForm.selector = knowledgeForm.selector.trim()"
+        />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click.prevent="dialogVisible = false" :loading="loading">
+          {{ $t('common.cancel') }}
+        </el-button>
+        <el-button type="primary" @click="submitHandle" :loading="loading">
+          {{ $t('common.create') }}
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script setup lang="ts">
+import { ref, watch, reactive } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import BaseForm from '@/views/knowledge/component/BaseForm.vue'
+import KnowledgeApi from '@/api/knowledge/knowledge'
+import { MsgSuccess, MsgAlert } from '@/utils/message'
+import { t } from '@/locales'
+const emit = defineEmits(['refresh'])
+
+const router = useRouter()
+const BaseFormRef = ref()
+const KnowledgeFormRef = ref()
+
+const loading = ref(false)
+const dialogVisible = ref<boolean>(false)
+
+const knowledgeForm = ref<any>({
+  source_url: '',
+  selector: '',
+})
+
+const rules = reactive({
+  source_url: [
+    {
+      required: true,
+      message: t('views.knowledge.form.source_url.requiredMessage'),
+      trigger: 'blur',
+    },
+  ],
+})
+
+const currentFolder = ref<any>(null)
+
+watch(dialogVisible, (bool) => {
+  if (!bool) {
+    currentFolder.value = null
+    knowledgeForm.value = {
+      source_url: '',
+      selector: '',
+    }
+    KnowledgeFormRef.value?.clearValidate()
+  }
+})
+
+const open = (folder: string) => {
+  currentFolder.value = folder
+  dialogVisible.value = true
+}
+
+const submitHandle = async () => {
+  if (await BaseFormRef.value?.validate()) {
+    await KnowledgeFormRef.value.validate((valid: any) => {
+      if (valid) {
+        const obj = {
+          folder_id: currentFolder.value?.id,
+          ...BaseFormRef.value.form,
+          ...knowledgeForm.value,
+        }
+        KnowledgeApi.postWebDataset('default', obj, loading).then((res) => {
+          MsgSuccess(t('common.createSuccess'))
+          router.push({ path: `/knowledge/${res.data.id}/document` })
+          emit('refresh')
+        })
+      } else {
+        return false
+      }
+    })
+  } else {
+    return false
+  }
+}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scoped></style>
diff --git a/ui/src/views/knowledge/index.vue b/ui/src/views/knowledge/index.vue
index 353cf95db..945de562d 100644
--- a/ui/src/views/knowledge/index.vue
+++ b/ui/src/views/knowledge/index.vue
@@ -62,7 +62,7 @@
                     </div>
                   </div>
                 </el-dropdown-item>
-                <el-dropdown-item @click="openCreateDialog">
+                <el-dropdown-item @click="openCreateDialog(CreateWebKnowledgeDialog)">
                   <div class="flex">
                     <el-avatar class="avatar-purple mt-4" shape="square" :size="32">
                       <img src="@/assets/knowledge/icon_web.svg" style="width: 58%" alt="" />
@@ -77,7 +77,7 @@
                     </div>
                   </div>
                 </el-dropdown-item>
-                <el-dropdown-item @click="openCreateDialog">
+                <el-dropdown-item>
                   <div class="flex">
                     <el-avatar
                       class="avatar-purple mt-4"
@@ -97,7 +97,7 @@
                     </div>
                   </div>
                 </el-dropdown-item>
-                <el-dropdown-item @click="openCreateDialog">
+                <el-dropdown-item>
                   <div class="flex">
                     <el-avatar
                       class="avatar-purple mt-4"
@@ -267,6 +267,7 @@
 import { onMounted, ref, reactive, shallowRef, nextTick } from 'vue'
 import KnowledgeIcon from '@/views/knowledge/component/KnowledgeIcon.vue'
 import CreateKnowledgeDialog from './create-component/CreateKnowledgeDialog.vue'
+import CreateWebKnowledgeDialog from './create-component/CreateWebKnowledgeDialog.vue'
 import KnowledgeApi from '@/api/knowledge/knowledge'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
 import useStore from '@/stores'