• Stars
    star
    330
  • Rank 127,657 (Top 3 %)
  • Language
    TypeScript
  • Created almost 7 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The HTML document (rich text) editor in Smart phone browser or webview, supporting mixed layout, reference, headline, unordered list, font color, bold and italics. 移动端HTML文档(富文本)编辑器,支持图文混排、引用、大标题、无序列表,字体颜色、加粗、斜体

SpEditor

Downloads Version License

移动端 HTML 文档(富文本)编辑器,支持图文混排、引用、大标题、无序列表,字体颜色、加粗、斜体。

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/

sp-editor Preview

Docs

Copyright and license

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

More Repositories

1

image-process-tools

Image clipping / scaling, support local / same domain video file screenshot function (HTML5 + canvas). 图片裁剪/等比缩放,支持本地/同域视频文件截图功能 (html5 + canvas)
TypeScript
65
star
2

calendar-price-jquery

JQuery plug-in for setting commodity calendar price / inventory. 商品日历价格/库存等设置jQuery插件
JavaScript
60
star
3

zx-image-viewer

Picture view plug-in, support switch, rotate, zoom, drag...图片查看插件,支持切换、旋转、缩放、拖动...
JavaScript
37
star
4

tetris

Tetris Game. (俄罗斯方块/テトリス)
TypeScript
13
star
5

app-download-boot

app下载引导。当web端点击下载按钮时,尝试启动app,如果未安装则引导用户下载(进入appStore/应用宝/或直接下载)
JavaScript
13
star
6

blog

A good memory is not as good as a bad pen(好记性不如烂笔头——高中语文老师的“口头禅”)
JavaScript
11
star
7

demos

Demos
JavaScript
4
star
8

calendar

zx-calendar, zx-vue-calendar (Vue2.x.x and Vue3.x.x), zx-react-calendar
TypeScript
4
star
9

zx-waterfall

waterfall 瀑布流
JavaScript
4
star
10

dev3cli

Quickly build command line interface for Web front-end development environment. Vite/Vue3.x/React/TypeScript, Webpack/Vue2.x/React/Typescript
JavaScript
2
star
11

gemini-chat-google-ai

Chat demo developed using Google AI Gemini API
JavaScript
2
star
12

obj2str

object/function/array to string
TypeScript
1
star
13

Java-Notes

Java Memo/Notes, Java笔记
Java
1
star
14

react-mui-typescript-vite

Background management system using React/MUI/TypeScript/Vite/Cypress ...
TypeScript
1
star