rc-editor-list
v2.0.1
Published
editor style panel visibility component for react
Downloads
143
Maintainers
Readme
rc-editor-list
React EditorList Component
Browser Support
| | | | | | | --- | --- | --- | --- | --- | | 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
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.