0.0.1 • Published 3 years ago

@qkc/textbus v0.0.1

Weekly downloads
-
License
GPL
Repository
-
Last release
3 years ago

安装

通过 npm 安装 TextBus：

npm install @tanbo/textbus

在 html 中准备一个空的元素

<body>
  <div id="editor"></div>
</body>

通过 css 选择器，或直接传入一个 DOM 元素初始化 TextBus。

import { createEditor } from '@tanbo/textbus';
import { Observable } from 'rxjs';

const editor = createEditor('#editor', {
  uploader(type: string): string | Promise<string> | Observable<string> {
    // switch (type) {
    //   case 'video':
    //     console.log('上传视频');
    //     break;
    //   case 'image':
    //     console.log('上传视频');
    //     break;
    //   case 'audio':
    //     console.log('上传音频');
    //     break;
    // }
    return Promise.resolve().then(() => {
      return '/test'
    })
  },
  content: `<p>欢迎你使用&nbsp;<strong>TextBus</strong> 富文本编辑器...<br></p>`
});

editor.onChange.subscribe(() => {
  console.log(editor.getContents());
});

官网地址

TextBus 官网

editortextrichcomponent editorweb editorofficewordexcelnote
@tanbo/bezier@tanbo/color@tanbo/color-picker@tanbo/css-themesprettyprismjsrxjs
@infinitebrahmanuniverse/nolb-_qk@everything-registry/sub-chunk-749@zalastax/nolb-_qk
0.0.1

3 years ago