All Projects → capricorncd → Zx Editor

capricorncd / Zx Editor

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文档(富文本)编辑器,支持图文混排、引用、大标题、无序列表,字体颜色、加粗、斜体

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Zx Editor

Jspaint
🎨 Classic MS Paint, REVIVED + ✨Extras
Stars: ✭ 5,972 (+1945.21%)
Mutual labels:  editor, html5
Macsvg
macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ➤➤➤
Stars: ✭ 789 (+170.21%)
Mutual labels:  editor, html5
Kodeweave
HTML/CSS/JS and Markdown Playground For Web Designers and Developers
Stars: ✭ 87 (-70.21%)
Mutual labels:  editor, html5
Mak
A universal notepad. (WIP)
Stars: ✭ 270 (-7.53%)
Mutual labels:  editor
Slingcode
personal computing platform
Stars: ✭ 277 (-5.14%)
Mutual labels:  editor
React Native Rich Editor
Lightweight React Native (JavaScript, H5) rich text editor
Stars: ✭ 281 (-3.77%)
Mutual labels:  editor
Flextable
table farming
Stars: ✭ 288 (-1.37%)
Mutual labels:  html5
Dynamic effect
平时练习的一些前端动效,基于HTML5,CSS3,Canvas,Svg
Stars: ✭ 264 (-9.59%)
Mutual labels:  html5
Micro
A modern and intuitive terminal-based text editor
Stars: ✭ 18,526 (+6244.52%)
Mutual labels:  editor
Josm
Mirror of @JOSM's Subversion repository
Stars: ✭ 282 (-3.42%)
Mutual labels:  editor
Html Css
Curso de HTML5 e CSS3
Stars: ✭ 4,917 (+1583.9%)
Mutual labels:  html5
Saltgui
A web interface for managing SaltStack based infrastructure.
Stars: ✭ 278 (-4.79%)
Mutual labels:  html5
Netbeans Mmd Plugin
Free mind map and PlantUML editor with plugins for both NetBeans and Intellij
Stars: ✭ 283 (-3.08%)
Mutual labels:  editor
Edizon cheatsconfigsandscripts
The official EdiZon Editor Config and Editor Script repository.
Stars: ✭ 271 (-7.19%)
Mutual labels:  editor
Html5 Asteroids
Pure Javascript Asteroids
Stars: ✭ 287 (-1.71%)
Mutual labels:  html5
Edwood
Go version of Plan9 Acme Editor
Stars: ✭ 269 (-7.88%)
Mutual labels:  editor
Spacevim
A community-driven modular vim/neovim distribution - The ultimate vimrc
Stars: ✭ 17,558 (+5913.01%)
Mutual labels:  editor
Xcodecolorsense2
🍉 An Xcode source editor extension that shows hex color info
Stars: ✭ 281 (-3.77%)
Mutual labels:  editor
A
A graphical text editor
Stars: ✭ 280 (-4.11%)
Mutual labels:  editor
Text
📑 Collaborative document editing using Markdown
Stars: ✭ 282 (-3.42%)
Mutual labels:  editor

ZxEditor v3.0.0-Alpha

Downloads Version License

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

可用于独立web项目开发,也可以用于与原生App混合(hybrid)开发。

旧版请见:v2.x.x

文档地址:https://capricorncd.github.io/zx-editor/docs/index.html

本地运行 Build Setup

# 安装依赖
npm i

# http://localhost:9001
npm run dev

# build files
npm run build

使用 Use

# npm
npm i -S zx-editor

# yarn
yarn add zx-editor

# browser

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

注意:添加照片时,判断照片方向,并自动旋转需要依赖插件 exif.js

# ES6+

import { ZxEditor } from 'zx-editor'
// import { ZxEditor } from './src/js/zx-editor/index.js'
// import css
import 'zx-editor/dist/css/zx-editor.min.css'

Copyright and license

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].