一站式wangEditor组件开发

zyd_public/WangEditor/OneStopWangEditor.js

@@ -27,6 +27,7 @@ export default function Index({
                                 value,
                                 domKey,
                                 onChangeValue,
+                                menus,
                               }) {
   useEffect(() => {
     editor = new WangEditor(`#wangEditor${domKey}`);
@@ -61,7 +62,7 @@ export default function Index({
     editor.config.pasteFilterStyle = false; // 关闭粘贴样式的过滤
     editor.config.uploadImgMaxSize = 3 * 1024 * 1024; // 上传的图片不能大于3M
     editor.config.uploadImgMaxLength = 1; // 一次最多上传 1 个图片
-    editor.config.menus = [
+    editor.config.menus = menus || [
       // 配置菜单
       'head',
       'bold',
@@ -81,7 +82,7 @@ export default function Index({
       // 'emoticon',
       'image',
       'video',
-      'table',
+      // 'table',
       // 'code',
       'splitLine',
       // 'undo',

zyd_public/WangEditor/OnstopWang.js

 import React, { useState, useEffect, forwardRef } from 'react';
 import WangEditor from './OneStopWangEditor';
 
-function Index({ onChange, value, otherProps, dataColumn, disabled }) {
+function Index({ onChange, value, otherProps, dataColumn, disabled, json }) {
   const [ready, setReady] = useState(false);
   const domKey = dataColumn.base52 || 'wang-editor-dom-content';
   useEffect(() => {
@@ -18,11 +18,13 @@ function Index({ onChange, value, otherProps, dataColumn, disabled }) {
   return (
     <WangEditor
       key={'cmsContent'}
+      zIndex={otherProps?.zIndex || undefined}
+      menus={otherProps?.menus || undefined}
+      placeholder={json.placeholder || ''}
       height={otherProps?.height || 450}
       value={value || ''}
       domKey={dataColumn.base52 || 'wang-editor-dom-content'}
       onChangeValue={onChange}
-      otherProps={otherProps}
     />
   );
 }