zx editor

SpEditor

Mobile HTML document (rich text) editor, supports mixed graphic and text arrangement, quotation, large titles, unordered lists, font color, bold, and italics.

SpEditor is a HTML5 rich text editor in smartphone browsers, and it's extends Editor.

Build Setup

 # 安装依赖
npm i

# http://localhost:9001
npm run dev

# build files
npm run build

Use

 # npm
npm i sp-editor

# pnpm
pnpm i sp-editor

# yarn
yarn add sp-editor

# ES6+

 import { SpEditor } from 'sp-editor'
import 'sp-editor/css'
const spEditor = new SpEditor ( {
  // container: document.querySelector('#app'),
  // or
  container : '#app'
} ) 

# browser

 < link rel =" stylesheet " href =" ./dist/sp-editor.min.css " >
< div id =" editorContainer " >
  <!-- 编辑器容器 -->
</ div >
< script src =" ./dist/sp-editor.umd.js " > </ script >
< script >
  // 初始化ZX编辑器
  const spEditor = new SpEditor ( '#editorContainer' , {
    placeholder : '请输入内容' ,
  } )
  console . log ( spEditor )
</ script > 

Preview

https://capricorncd.github.io/zx-editor/demo/

Docs

• SpEditor

• Editor

• EventEmitter

• Other

Copyright and license

Code and documentation copyright 2018-Present. capricorncd. Code released under the MIT License.