Umi4加ts配置Ueditor

首先，你需要下载 UEditor 的源码，并将其拷贝到你的项目中。然后，你需要在你的项目中安装 UEditor 的依赖包，以及 TypeScript 的相关依赖包。接下来，你需要在你的项目中创建一个 UEditor 的配置文件，并在其中配置 UEditor 的相关参数。最后，你需要在你的项目中引入 UEditor，并将其初始化，以便能够在你的项目中使用它。

以下是具体步骤：

1. 安装依赖包

npm install ueditor --save
npm install @types/ueditor --save-dev
npm install @types/jquery --save-dev

2. 创建 UEditor 的配置文件

在你的项目中创建一个名为 `ueditor.config.js` 的文件，然后在其中添加以下内容：

window.UEDITOR_CONFIG = {
  UEDITOR_HOME_URL: '/static/ueditor/',
  serverUrl: '/api/ueditor/',
  toolbars: [
    [
      'source', '|', 'undo', 'redo', '|',
      'bold', 'italic', 'underline', 'strikethrough', '|',
      'forecolor', 'backcolor', '|',
      'insertorderedlist', 'insertunorderedlist', '|',
      'superscript', 'subscript', 'blockquote', 'pasteplain', '|',
      'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
      'link', 'unlink', 'anchor', '|', 'insertimage', 'emotion', 'scrawl', 'insertvideo', '|',
      'fullscreen', 'autotypeset', 'removeformat', 'formatmatch', '|',
      'inserttable', 'deletetable', 'insertparagraphbeforetable', '|',
      'help'
    ]
  ],
  autoHeightEnabled: true,
  autoFloatEnabled: true,
  initialFrameHeight: 320,
  initialFrameWidth: 640,
  zIndex: 20000
};

该配置文件中包含了 UEditor 的一些基本配置，比如编辑器的宽度和高度、工具栏的按钮、是否自动浮动等。

3. 引入 UEditor

在你的项目中引入 UEditor 的代码，并将其初始化，以便能够在你的项目中使用它。以下是一个示例：

import * as UE from 'ueditor'
import 'ueditor/dist/utf8-php/ueditor.all.js'
import 'ueditor/dist/utf8-php/ueditor.config.js'

UE.delEditor('editor')
UE.getEditor('editor', {
  initialFrameHeight: 320,
  initialFrameWidth: 640
})

在上面的代码中，我们首先引入了 UEditor 的代码，然后通过 `UE.getEditor` 方法来初始化编辑器。`initialFrameHeight` 和 `initialFrameWidth` 参数分别用于设置编辑器的高度和宽度。

希望以上内容对你有所帮助！