Giter VIP home page Giter VIP logo

editor-list's Introduction

rc-editor-list


React EditorList Component

NPM version build status Test coverage gemnasium deps node version npm download

Browser Support

IE Chrome Firefox Opera Safari
IE 10+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

Development

npm install
npm start

Example

http://localhost:8022/examples/

online example: http://ant-motion.github.io/editor-list/

Feature

  • support ie8,ie8+,chrome,firefox,safari

Keyboard

install

rc-editor-list

Usage

var EditorList = require('rc-editor-list');
var React = require('react');
React.render(<EditorList />, container);

API

props

  • extends ant design Collapse
name type default description
editorElem DOMElement null editor dom
onChange func null change callback(e: changeCallBack)
useClassName bool true use className or style
isMobile bool false edit mobile style
editorDefaultClassName string editor_css default editor class name, Cannot with current className
parentClassNameCanUseTagName bool true parent can use tag name
parentClassNameLength number 2 parent class name length
rootSelector Selector null root class name
cssToDom bool true insert css into dom

changeCallBack

name type description
parentClassName string parent selectors
cssValue object edit css value
cssName string edit className
id string Selectors replace(/[^a-z]/ig, ''), render style id
editClassName string edit random id
allCssString string all css string, including events and terminals
currentEditCssString string current css string
isDrag bool Is the color or slider changed by dragging

License

rc-editor-list is released under the MIT license.

editor-list's People

Contributors

jljsj33 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.