JSPM

@textbus/core

2.0.0-alpha.16
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 272
  • Score
    100M100P100Q109742F
  • License GPL-3.0-only

TextBus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.

Package Exports

  • @textbus/core
  • @textbus/core/bundles/public-api.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@textbus/core) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

TextBus 富文本编辑器

TextBus 是一套用于构建富交互的富文本编辑框架。和大多数富文本编辑器不同的是,TextBus 以组件为核心,格式为辅助,并大幅简化了富文本编辑器开发中常见 API,且提供了更高的抽象层,使 TextBus 不仅易于上手,同时还能驱动复杂的富文本应用。

文档

更多文档请参考:中文文档

安装

TextBus 可能通过两种方式引入到你的项目中。

通过 npm 安装

npm install @textbus/core @textbus/browser @textbus/editor

在 DOM 中准备好一个空的标签

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

创建编辑器实例

import '@textbus/editor/bundles/textbus.min.css';
import { createEditor } from '@textbus/editor';

const editor = createEditor(document.getElementById('editor'))

通过 script 标签引入

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="/path/textbus.min.css">
  <script src="/path/textbus.min.js"></script>
  <title>TextBus 示例</title>
</head>
<body>
<div id="editor"></div>
<script>
  var editor = textbus.createEditor(document.getElementById('editor'))
</script>
</body>
</html>