0.0.6 • Published 23 days ago

@digit-fe/digit-editor-new v0.0.6

Weekly downloads
-
License
MIT
Repository
-
Last release
23 days ago

@digit-fe/digit-editor-new

NPM version NPM downloads

1 句话介绍:基于 Tiptap 和 Prosemirror 封装的富文本编辑器,适用于 React 工程中,Vue 工程暂不支持
采用 father.js(4.x 版本) bundleless模式进行编译打包,因此接入的工程需提供 less 的支持

1.安装

npm install @digit-fe/digit-editor-new
yarn add @digit-fe/digit-editor-new
pnpm install @digit-fe/digit-editor-new

2.初始化

2.1 在 umi.js 工程中使用

在 umi(umi3,umi4)工程中,因为底层已经预设了对 less 的支持,所以可直接引用

  import Editor from '@digit-fe/digit-editor-new';

2.2 在 create-react-app 工程中使用

因为 CRA 中没有内置 less,所以得先安装 less 的相关依赖,具体方法如下 步骤 1:

npm run eject

步骤 2:

npm install less less-loader -D

步骤 3: 改写 config/webpack.config.js,增加如下代码

const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
在sassRegex下 增加
{
  test: lessRegex,
  exclude: lessModuleRegex,
  use: getStyleLoaders(
    {
      importLoaders: 3,
      sourceMap: isEnvProduction ? shouldUseSourceMap: isEnvDevelopment,
    },
    'less-loader'
  ),
  sideEffects: true,
}

3.使用

具体使用方法参考具体使用方法

LICENSE

MIT