fix: getHtml API

wangeditor-team · Aug 12, 2021 · c0b60cf · c0b60cf
1 parent 5955b61
commit c0b60cf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/packages/basic-modules/src/modules/paragraph/elem-to-html.ts b/packages/basic-modules/src/modules/paragraph/elem-to-html.ts
@@ -8,7 +8,7 @@ import { IDomEditor } from '@wangeditor/core'
 
 function pToHtml(elem: Element, childrenHtml: string, editor: IDomEditor): string {
   if (childrenHtml === '') {
-    return '<p><br></p>'
+    return '<p><br/></p>'
   }
   return `<p>${childrenHtml}</p>`
 }

diff --git a/packages/core/src/editor/interface.ts b/packages/core/src/editor/interface.ts
@@ -24,7 +24,7 @@ export interface IDomEditor extends Editor {
 
   // 内容处理
   handleTab: () => void
-  getHtml: (withFormat?: boolean) => string
+  getHtml: (opt?: { withFormat?: boolean; containerClassName?: string }) => string
   getText: () => string
   getSelectionText: () => string // 获取选区文字
   getHeaders: () => { id: string; type: string; text: string }[] // 获取所有标题

diff --git a/packages/core/src/editor/plugins/with-content.ts b/packages/core/src/editor/plugins/with-content.ts
@@ -12,7 +12,6 @@ import { node2html } from '../../to-html/node2html'
 import { genElemId } from '../../formats/helper'
 import { Key } from '../../utils/key'
 import { findCurrentLineRange } from '../../utils/line'
-import $ from '../../utils/dom'
 
 export const withContent = <T extends Editor>(editor: T) => {
   const e = editor as T & IDomEditor
@@ -126,16 +125,21 @@ export const withContent = <T extends Editor>(editor: T) => {
   }
 
   // 获取 html
-  e.getHtml = (withFormat = true): string => {
+  // TODO 参数补充到文档中
+  e.getHtml = (opt: { withFormat?: boolean; containerClassName?: string } = {}): string => {
+    const { withFormat = true, containerClassName = 'w-e-content-container' } = opt
+
     const { children = [] } = e
     let html = children.map(child => node2html(child, e)).join('')
-    html = `<div>${html}</div>`
+    html = `<div class="${containerClassName}">${html}</div>`
 
     if (withFormat) {
-      return xmlFormat(html, {
+      // 格式化
+      html = xmlFormat(html, {
         collapseContent: true,
       })
     }
+
     return html
   }