@wangeditor-next/editor-for-react 1.0.10 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@wangeditor-next/editor"),require("react")):"function"==typeof define&&define.amd?define(["exports","@wangeditor-next/editor","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorForReact={},e.wangEditor,e.React)}(this,function(e,t,r){"use strict";function n(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=n(t),a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function u(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),u=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)u.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return u}"function"==typeof SuppressedError&&SuppressedError,e.Editor=function(e){var n=e.defaultContent,o=void 0===n?[]:n,l=e.onCreated,i=e.defaultHtml,c=void 0===i?"":i,f=e.value,d=void 0===f?"":f,s=e.onChange,v=e.defaultConfig,y=void 0===v?{}:v,g=e.mode,p=void 0===g?"default":g,
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@wangeditor-next/editor"),require("react")):"function"==typeof define&&define.amd?define(["exports","@wangeditor-next/editor","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorForReact={},e.wangEditor,e.React)}(this,function(e,t,r){"use strict";function n(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=n(t),a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function u(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),u=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)u.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return u}"function"==typeof SuppressedError&&SuppressedError,e.Editor=function(e){var n=e.defaultContent,o=void 0===n?[]:n,l=e.onCreated,i=e.defaultHtml,c=void 0===i?"":i,f=e.value,d=void 0===f?"":f,s=e.onChange,v=e.defaultConfig,y=void 0===v?{}:v,g=e.mode,p=void 0===g?"default":g,b=e.style,m=void 0===b?{}:b,h=e.className,E=r.useRef(null),w=u(r.useState(null),2),C=w[0],O=w[1],j=u(r.useState(""),2),_=j[0],x=j[1],S=function(e){l&&l(e);var t=y.onCreated;t&&t(e)},N=function(e){var t=y.onDestroyed;O(null),t&&t(e)};return r.useEffect(function(){null!=C&&(C.__react_on_change=function(e){x(e.getHtml()),s&&s(e);var t=y.onChange;t&&t(e)})},[C,y]),r.useEffect(function(){if(null!=C&&d!==_)try{C.setHtml(d)}catch(e){console.error(e)}},[d]),r.useEffect(function(){var e;if(null!=E.current&&null==C&&!(null===(e=E.current)||void 0===e?void 0:e.getAttribute("data-w-e-textarea"))){var r=t.createEditor({selector:E.current,config:a(a({},y),{onCreated:S,onChange:function(e){var t;return null===(t=null==r?void 0:r.__react_on_change)||void 0===t?void 0:t.call(r,e)},onDestroyed:N}),content:o,html:c||d,mode:p});O(r)}},[C]),r.createElement("div",{style:m,ref:E,className:h})},e.Toolbar=function(e){var t=e.editor,n=e.defaultConfig,a=void 0===n?{}:n,u=e.mode,l=void 0===u?"default":u,i=e.style,c=void 0===i?{}:i,f=e.className,d=r.useRef(null);return r.useEffect(function(){var e;if(null!=d.current&&null!=t&&!(null===(e=d.current)||void 0===e?void 0:e.getAttribute("data-w-e-toolbar"))){var r=o.createToolbar({editor:t,selector:d.current,config:a,mode:l});return function(){var e;r&&(r.destroy(),null===(e=d.current)||void 0===e||e.removeAttribute("data-w-e-toolbar"))}}},[t,a,l]),r.createElement("div",{style:c,ref:d,className:f})}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/Editor.tsx","../src/components/Toolbar.tsx"],"sourcesContent":["/**\n * @description editor react component\n * @author wangfupeng\n */\n\nimport {\n createEditor, IDomEditor, IEditorConfig, SlateDescendant,\n} from '@wangeditor-next/editor'\nimport React, { useEffect, useRef, useState } from 'react'\n\ninterface IProps {\n defaultContent?: SlateDescendant[]\n onCreated?: (editor: IDomEditor) => void\n defaultHtml?: string\n value?: string\n onChange: (editor: IDomEditor) => void\n defaultConfig: Partial<IEditorConfig>\n mode?: string\n style?: React.CSSProperties\n className?: string\n}\n\ninterface ICustomDomEditor extends IDomEditor {\n __react_on_change?: (editor: ICustomDomEditor) => void;\n}\n\nfunction EditorComponent(props: Partial<IProps>) {\n const {\n defaultContent = [], onCreated, defaultHtml = '', value = '', onChange, defaultConfig = {}, mode = 'default', style = {}, className,\n } = props\n const ref = useRef<HTMLDivElement>(null)\n const [editor, setEditor] = useState<ICustomDomEditor | null>(null)\n const [curValue, setCurValue] = useState('')\n\n const handleCreated = (createdEditor: IDomEditor) => {\n // 组件属性 onCreated\n if (onCreated) { onCreated(createdEditor) }\n\n // 编辑器 配置 onCreated\n const { onCreated: onCreatedFromConfig } = defaultConfig\n\n if (onCreatedFromConfig) { onCreatedFromConfig(createdEditor) }\n }\n\n const handleDestroyed = (destroyedEditor: IDomEditor) => {\n const { onDestroyed } = defaultConfig\n\n setEditor(null)\n if (onDestroyed) {\n onDestroyed(destroyedEditor)\n }\n }\n\n useEffect(() => {\n if (editor == null) { return }\n\n // eslint-disable-next-line no-underscore-dangle\n editor.__react_on_change = (e: IDomEditor) => {\n setCurValue(e.getHtml()) // 记录当前 html 值\n\n // 组件属性 onChange\n if (onChange) { onChange(e) }\n\n // 编辑器 配置 onChange\n const { onChange: onChangeFromConfig } = defaultConfig\n\n if (onChangeFromConfig) { onChangeFromConfig(e) }\n }\n }, [editor, defaultConfig])\n\n // value 变化，重置 HTML\n useEffect(() => {\n if (editor == null) { return }\n\n if (value === curValue) { return } // 如果和当前 html 值相等，则忽略\n\n // ------ 重新设置 HTML ------\n try {\n editor.setHtml(value)\n } catch (error) {\n console.error(error)\n }\n\n }, [value])\n\n useEffect(() => {\n if (ref.current == null) { return }\n if (editor != null) { return }\n // 防止重复渲染 当编辑器已经创建就不在创建了\n if (ref.current?.getAttribute('data-w-e-textarea')) { return }\n\n const newEditor = createEditor({\n selector: ref.current,\n config: {\n ...defaultConfig,\n onCreated: handleCreated,\n // eslint-disable-next-line no-underscore-dangle\n onChange: (e: IDomEditor) => newEditor?.__react_on_change?.(e),\n onDestroyed: handleDestroyed,\n },\n content: defaultContent,\n html: defaultHtml || value,\n mode,\n })as ICustomDomEditor\n\n setEditor(newEditor)\n }, [editor])\n\n return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default EditorComponent\n","/**\n * @description toolbar react component\n * @author wangfupeng\n */\n\nimport * as wangEditor from '@wangeditor-next/editor'\nimport React, { useEffect, useRef } from 'react'\n\ninterface IProps {\n editor: wangEditor.IDomEditor | null\n defaultConfig?: Partial<wangEditor.IToolbarConfig>\n mode?: string\n style?: object\n className?: string\n}\n\nfunction ToolbarComponent(props: IProps) {\n const {\n editor, defaultConfig = {}, mode = 'default', style = {}, className,\n } = props\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (ref.current == null
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/Editor.tsx","../src/components/Toolbar.tsx"],"sourcesContent":["/**\n * @description editor react component\n * @author wangfupeng\n */\n\nimport {\n createEditor, IDomEditor, IEditorConfig, SlateDescendant,\n} from '@wangeditor-next/editor'\nimport React, { useEffect, useRef, useState } from 'react'\n\ninterface IProps {\n defaultContent?: SlateDescendant[]\n onCreated?: (editor: IDomEditor) => void\n defaultHtml?: string\n value?: string\n onChange: (editor: IDomEditor) => void\n defaultConfig: Partial<IEditorConfig>\n mode?: string\n style?: React.CSSProperties\n className?: string\n}\n\ninterface ICustomDomEditor extends IDomEditor {\n __react_on_change?: (editor: ICustomDomEditor) => void;\n}\n\nfunction EditorComponent(props: Partial<IProps>) {\n const {\n defaultContent = [], onCreated, defaultHtml = '', value = '', onChange, defaultConfig = {}, mode = 'default', style = {}, className,\n } = props\n const ref = useRef<HTMLDivElement>(null)\n const [editor, setEditor] = useState<ICustomDomEditor | null>(null)\n const [curValue, setCurValue] = useState('')\n\n const handleCreated = (createdEditor: IDomEditor) => {\n // 组件属性 onCreated\n if (onCreated) { onCreated(createdEditor) }\n\n // 编辑器 配置 onCreated\n const { onCreated: onCreatedFromConfig } = defaultConfig\n\n if (onCreatedFromConfig) { onCreatedFromConfig(createdEditor) }\n }\n\n const handleDestroyed = (destroyedEditor: IDomEditor) => {\n const { onDestroyed } = defaultConfig\n\n setEditor(null)\n if (onDestroyed) {\n onDestroyed(destroyedEditor)\n }\n }\n\n useEffect(() => {\n if (editor == null) { return }\n\n // eslint-disable-next-line no-underscore-dangle\n editor.__react_on_change = (e: IDomEditor) => {\n setCurValue(e.getHtml()) // 记录当前 html 值\n\n // 组件属性 onChange\n if (onChange) { onChange(e) }\n\n // 编辑器 配置 onChange\n const { onChange: onChangeFromConfig } = defaultConfig\n\n if (onChangeFromConfig) { onChangeFromConfig(e) }\n }\n }, [editor, defaultConfig])\n\n // value 变化，重置 HTML\n useEffect(() => {\n if (editor == null) { return }\n\n if (value === curValue) { return } // 如果和当前 html 值相等，则忽略\n\n // ------ 重新设置 HTML ------\n try {\n editor.setHtml(value)\n } catch (error) {\n console.error(error)\n }\n\n }, [value])\n\n useEffect(() => {\n if (ref.current == null) { return }\n if (editor != null) { return }\n // 防止重复渲染 当编辑器已经创建就不在创建了\n if (ref.current?.getAttribute('data-w-e-textarea')) { return }\n\n const newEditor = createEditor({\n selector: ref.current,\n config: {\n ...defaultConfig,\n onCreated: handleCreated,\n // eslint-disable-next-line no-underscore-dangle\n onChange: (e: IDomEditor) => newEditor?.__react_on_change?.(e),\n onDestroyed: handleDestroyed,\n },\n content: defaultContent,\n html: defaultHtml || value,\n mode,\n })as ICustomDomEditor\n\n setEditor(newEditor)\n }, [editor])\n\n return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default EditorComponent\n","/**\n * @description toolbar react component\n * @author wangfupeng\n */\n\nimport * as wangEditor from '@wangeditor-next/editor'\nimport React, { useEffect, useRef } from 'react'\n\ninterface IProps {\n editor: wangEditor.IDomEditor | null\n defaultConfig?: Partial<wangEditor.IToolbarConfig>\n mode?: string\n style?: object\n className?: string\n}\n\nfunction ToolbarComponent(props: IProps) {\n const {\n editor, defaultConfig = {}, mode = 'default', style = {}, className,\n } = props\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (ref.current == null || editor == null) { return }\n if (ref.current?.getAttribute('data-w-e-toolbar')) { return }\n\n const toolbar = wangEditor.createToolbar({\n editor,\n selector: ref.current,\n config: defaultConfig,\n mode,\n })\n\n return () => {\n if (toolbar) {\n toolbar.destroy()\n ref.current?.removeAttribute('data-w-e-toolbar')\n }\n }\n }, [editor, defaultConfig, mode])\n\n return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default ToolbarComponent\n"],"names":["props","_a","defaultContent","onCreated","_b","defaultHtml","_c","value","onChange","_d","defaultConfig","_e","mode","_f","style","className","ref","useRef","_g","__read","useState","editor","setEditor","_h","curValue","setCurValue","handleCreated","createdEditor","onCreatedFromConfig","handleDestroyed","destroyedEditor","onDestroyed","useEffect","__react_on_change","e","getHtml","onChangeFromConfig","setHtml","error","console","current","getAttribute","newEditor","createEditor","selector","config","__assign","call","content","html","React","createElement","toolbar","wangEditor","createToolbar","destroy","removeAttribute"],"mappings":"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"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as t from"@wangeditor-next/editor";import{createEditor as
|
|
1
|
+
import*as t from"@wangeditor-next/editor";import{createEditor as r}from"@wangeditor-next/editor";import e,{useRef as o,useState as n,useEffect as a}from"react";var l=function(){return l=Object.assign||function(t){for(var r,e=1,o=arguments.length;e<o;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t},l.apply(this,arguments)};function i(t,r){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var o,n,a=e.call(t),l=[];try{for(;(void 0===r||r-- >0)&&!(o=a.next()).done;)l.push(o.value)}catch(t){n={error:t}}finally{try{o&&!o.done&&(e=a.return)&&e.call(a)}finally{if(n)throw n.error}}return l}function u(t){var u=t.defaultContent,c=void 0===u?[]:u,d=t.onCreated,f=t.defaultHtml,v=void 0===f?"":f,s=t.value,m=void 0===s?"":s,y=t.onChange,g=t.defaultConfig,p=void 0===g?{}:g,h=t.mode,b=void 0===h?"default":h,C=t.style,_=void 0===C?{}:C,w=t.className,x=o(null),E=i(n(null),2),N=E[0],S=E[1],A=i(n(""),2),H=A[0],O=A[1],j=function(t){d&&d(t);var r=p.onCreated;r&&r(t)},D=function(t){var r=p.onDestroyed;S(null),r&&r(t)};return a(function(){null!=N&&(N.__react_on_change=function(t){O(t.getHtml()),y&&y(t);var r=p.onChange;r&&r(t)})},[N,p]),a(function(){if(null!=N&&m!==H)try{N.setHtml(m)}catch(t){console.error(t)}},[m]),a(function(){var t;if(null!=x.current&&null==N&&!(null===(t=x.current)||void 0===t?void 0:t.getAttribute("data-w-e-textarea"))){var e=r({selector:x.current,config:l(l({},p),{onCreated:j,onChange:function(t){var r;return null===(r=null==e?void 0:e.__react_on_change)||void 0===r?void 0:r.call(e,t)},onDestroyed:D}),content:c,html:v||m,mode:b});S(e)}},[N]),e.createElement("div",{style:_,ref:x,className:w})}function c(r){var n=r.editor,l=r.defaultConfig,i=void 0===l?{}:l,u=r.mode,c=void 0===u?"default":u,d=r.style,f=void 0===d?{}:d,v=r.className,s=o(null);return a(function(){var r;if(null!=s.current&&null!=n&&!(null===(r=s.current)||void 0===r?void 0:r.getAttribute("data-w-e-toolbar"))){var e=t.createToolbar({editor:n,selector:s.current,config:i,mode:c});return function(){var t;e&&(e.destroy(),null===(t=s.current)||void 0===t||t.removeAttribute("data-w-e-toolbar"))}}},[n,i,c]),e.createElement("div",{style:f,ref:s,className:v})}"function"==typeof SuppressedError&&SuppressedError;export{u as Editor,c as Toolbar};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../src/components/Editor.tsx","../src/components/Toolbar.tsx"],"sourcesContent":["/**\n * @description editor react component\n * @author wangfupeng\n */\n\nimport {\n createEditor, IDomEditor, IEditorConfig, SlateDescendant,\n} from '@wangeditor-next/editor'\nimport React, { useEffect, useRef, useState } from 'react'\n\ninterface IProps {\n defaultContent?: SlateDescendant[]\n onCreated?: (editor: IDomEditor) => void\n defaultHtml?: string\n value?: string\n onChange: (editor: IDomEditor) => void\n defaultConfig: Partial<IEditorConfig>\n mode?: string\n style?: React.CSSProperties\n className?: string\n}\n\ninterface ICustomDomEditor extends IDomEditor {\n __react_on_change?: (editor: ICustomDomEditor) => void;\n}\n\nfunction EditorComponent(props: Partial<IProps>) {\n const {\n defaultContent = [], onCreated, defaultHtml = '', value = '', onChange, defaultConfig = {}, mode = 'default', style = {}, className,\n } = props\n const ref = useRef<HTMLDivElement>(null)\n const [editor, setEditor] = useState<ICustomDomEditor | null>(null)\n const [curValue, setCurValue] = useState('')\n\n const handleCreated = (createdEditor: IDomEditor) => {\n // 组件属性 onCreated\n if (onCreated) { onCreated(createdEditor) }\n\n // 编辑器 配置 onCreated\n const { onCreated: onCreatedFromConfig } = defaultConfig\n\n if (onCreatedFromConfig) { onCreatedFromConfig(createdEditor) }\n }\n\n const handleDestroyed = (destroyedEditor: IDomEditor) => {\n const { onDestroyed } = defaultConfig\n\n setEditor(null)\n if (onDestroyed) {\n onDestroyed(destroyedEditor)\n }\n }\n\n useEffect(() => {\n if (editor == null) { return }\n\n // eslint-disable-next-line no-underscore-dangle\n editor.__react_on_change = (e: IDomEditor) => {\n setCurValue(e.getHtml()) // 记录当前 html 值\n\n // 组件属性 onChange\n if (onChange) { onChange(e) }\n\n // 编辑器 配置 onChange\n const { onChange: onChangeFromConfig } = defaultConfig\n\n if (onChangeFromConfig) { onChangeFromConfig(e) }\n }\n }, [editor, defaultConfig])\n\n // value 变化，重置 HTML\n useEffect(() => {\n if (editor == null) { return }\n\n if (value === curValue) { return } // 如果和当前 html 值相等，则忽略\n\n // ------ 重新设置 HTML ------\n try {\n editor.setHtml(value)\n } catch (error) {\n console.error(error)\n }\n\n }, [value])\n\n useEffect(() => {\n if (ref.current == null) { return }\n if (editor != null) { return }\n // 防止重复渲染 当编辑器已经创建就不在创建了\n if (ref.current?.getAttribute('data-w-e-textarea')) { return }\n\n const newEditor = createEditor({\n selector: ref.current,\n config: {\n ...defaultConfig,\n onCreated: handleCreated,\n // eslint-disable-next-line no-underscore-dangle\n onChange: (e: IDomEditor) => newEditor?.__react_on_change?.(e),\n onDestroyed: handleDestroyed,\n },\n content: defaultContent,\n html: defaultHtml || value,\n mode,\n })as ICustomDomEditor\n\n setEditor(newEditor)\n }, [editor])\n\n return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default EditorComponent\n","/**\n * @description toolbar react component\n * @author wangfupeng\n */\n\nimport * as wangEditor from '@wangeditor-next/editor'\nimport React, { useEffect, useRef } from 'react'\n\ninterface IProps {\n editor: wangEditor.IDomEditor | null\n defaultConfig?: Partial<wangEditor.IToolbarConfig>\n mode?: string\n style?: object\n className?: string\n}\n\nfunction ToolbarComponent(props: IProps) {\n const {\n editor, defaultConfig = {}, mode = 'default', style = {}, className,\n } = props\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (ref.current == null
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../src/components/Editor.tsx","../src/components/Toolbar.tsx"],"sourcesContent":["/**\n * @description editor react component\n * @author wangfupeng\n */\n\nimport {\n createEditor, IDomEditor, IEditorConfig, SlateDescendant,\n} from '@wangeditor-next/editor'\nimport React, { useEffect, useRef, useState } from 'react'\n\ninterface IProps {\n defaultContent?: SlateDescendant[]\n onCreated?: (editor: IDomEditor) => void\n defaultHtml?: string\n value?: string\n onChange: (editor: IDomEditor) => void\n defaultConfig: Partial<IEditorConfig>\n mode?: string\n style?: React.CSSProperties\n className?: string\n}\n\ninterface ICustomDomEditor extends IDomEditor {\n __react_on_change?: (editor: ICustomDomEditor) => void;\n}\n\nfunction EditorComponent(props: Partial<IProps>) {\n const {\n defaultContent = [], onCreated, defaultHtml = '', value = '', onChange, defaultConfig = {}, mode = 'default', style = {}, className,\n } = props\n const ref = useRef<HTMLDivElement>(null)\n const [editor, setEditor] = useState<ICustomDomEditor | null>(null)\n const [curValue, setCurValue] = useState('')\n\n const handleCreated = (createdEditor: IDomEditor) => {\n // 组件属性 onCreated\n if (onCreated) { onCreated(createdEditor) }\n\n // 编辑器 配置 onCreated\n const { onCreated: onCreatedFromConfig } = defaultConfig\n\n if (onCreatedFromConfig) { onCreatedFromConfig(createdEditor) }\n }\n\n const handleDestroyed = (destroyedEditor: IDomEditor) => {\n const { onDestroyed } = defaultConfig\n\n setEditor(null)\n if (onDestroyed) {\n onDestroyed(destroyedEditor)\n }\n }\n\n useEffect(() => {\n if (editor == null) { return }\n\n // eslint-disable-next-line no-underscore-dangle\n editor.__react_on_change = (e: IDomEditor) => {\n setCurValue(e.getHtml()) // 记录当前 html 值\n\n // 组件属性 onChange\n if (onChange) { onChange(e) }\n\n // 编辑器 配置 onChange\n const { onChange: onChangeFromConfig } = defaultConfig\n\n if (onChangeFromConfig) { onChangeFromConfig(e) }\n }\n }, [editor, defaultConfig])\n\n // value 变化，重置 HTML\n useEffect(() => {\n if (editor == null) { return }\n\n if (value === curValue) { return } // 如果和当前 html 值相等，则忽略\n\n // ------ 重新设置 HTML ------\n try {\n editor.setHtml(value)\n } catch (error) {\n console.error(error)\n }\n\n }, [value])\n\n useEffect(() => {\n if (ref.current == null) { return }\n if (editor != null) { return }\n // 防止重复渲染 当编辑器已经创建就不在创建了\n if (ref.current?.getAttribute('data-w-e-textarea')) { return }\n\n const newEditor = createEditor({\n selector: ref.current,\n config: {\n ...defaultConfig,\n onCreated: handleCreated,\n // eslint-disable-next-line no-underscore-dangle\n onChange: (e: IDomEditor) => newEditor?.__react_on_change?.(e),\n onDestroyed: handleDestroyed,\n },\n content: defaultContent,\n html: defaultHtml || value,\n mode,\n })as ICustomDomEditor\n\n setEditor(newEditor)\n }, [editor])\n\n return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default EditorComponent\n","/**\n * @description toolbar react component\n * @author wangfupeng\n */\n\nimport * as wangEditor from '@wangeditor-next/editor'\nimport React, { useEffect, useRef } from 'react'\n\ninterface IProps {\n editor: wangEditor.IDomEditor | null\n defaultConfig?: Partial<wangEditor.IToolbarConfig>\n mode?: string\n style?: object\n className?: string\n}\n\nfunction ToolbarComponent(props: IProps) {\n const {\n editor, defaultConfig = {}, mode = 'default', style = {}, className,\n } = props\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (ref.current == null || editor == null) { return }\n if (ref.current?.getAttribute('data-w-e-toolbar')) { return }\n\n const toolbar = wangEditor.createToolbar({\n editor,\n selector: ref.current,\n config: defaultConfig,\n mode,\n })\n\n return () => {\n if (toolbar) {\n toolbar.destroy()\n ref.current?.removeAttribute('data-w-e-toolbar')\n }\n }\n }, [editor, defaultConfig, mode])\n\n return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default ToolbarComponent\n"],"names":["EditorComponent","props","_a","defaultContent","onCreated","_b","defaultHtml","_c","value","onChange","_d","defaultConfig","_e","mode","_f","style","className","ref","useRef","_g","__read","useState","editor","setEditor","_h","curValue","setCurValue","handleCreated","createdEditor","onCreatedFromConfig","handleDestroyed","destroyedEditor","onDestroyed","useEffect","__react_on_change","e","getHtml","onChangeFromConfig","setHtml","error","console","current","getAttribute","newEditor","createEditor","selector","config","__assign","call","content","html","React","createElement","ToolbarComponent","toolbar","wangEditor","createToolbar","destroy","removeAttribute"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wangeditor-next/editor-for-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.11",
|
|
4
4
|
"description": "wangEditor next editor for react",
|
|
5
5
|
"author": "cycleccc <2991205548@qq.com>",
|
|
6
6
|
"type": "module",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
"url": "https://github.com/wangeditor-next/wangEditor-next/issues"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@wangeditor-next/editor": "^5.6.
|
|
37
|
+
"@wangeditor-next/editor": "^5.6.48",
|
|
38
38
|
"react": "^17.0.2",
|
|
39
39
|
"react-dom": "^17.0.2",
|
|
40
|
-
"@wangeditor-next-shared/rollup-config": "^0.0.
|
|
40
|
+
"@wangeditor-next-shared/rollup-config": "^0.0.2"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@wangeditor-next/editor": ">=5.6.
|
|
43
|
+
"@wangeditor-next/editor": ">=5.6.48",
|
|
44
44
|
"react": ">=17.0.2",
|
|
45
45
|
"react-dom": ">=17.0.2"
|
|
46
46
|
},
|