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文档(富文本)编辑器,支持图文混排、引用、大标题、无序列表,字体颜色、加粗、斜体
Stars: ✭ 292
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Zx Editor
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
React Native Rich Editor
Lightweight React Native (JavaScript, H5) rich text editor
Stars: ✭ 281 (-3.77%)
Mutual labels: editor
Micro
A modern and intuitive terminal-based text editor
Stars: ✭ 18,526 (+6244.52%)
Mutual labels: editor
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
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
ZxEditor v3.0.0-Alpha
移动端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].