Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

react-ckeditor-wrapper

Package Overview
Dependencies
6
Maintainers
1
Versions
24
Issues
File Explorer

Advanced tools

react-ckeditor-wrapper

CKEditor wrapper for react

    1.1.2latest

Version published
Maintainers
1
Yearly downloads
65,156
increased by166.04%

Weekly downloads

Changelog

Source

Fixed a critical bug that caused a Javascript exception every time this component was used.

Readme

Source

react-ckeditor-wrapper


install

react-ckeditor-wrapper

Usage

Add CKEditor to your index.html from the cdn

<script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>

or if you want a custom version of ckeditor

<script src="assets/ckeditor/ckeditor.js"></script> var CKEditor = require('react-ckeditor-wrapper'); class Example extends Component { constructor(props) { super(props); this.state = { content: 'content', } } updateContent(value) { this.setState({content:value}) } render() { return (<CKEditor value={this.state.content} onChange={this.updateContent.bind(this)} />) } }

With custom config

render() { return (<CKEditor value={this.state.content} onChange={this.updateContent.bind(this)} config={{ readOnly: true }}/>) }

Development

npm install npm start

API

props

nametypedefaultdescription
valuestringSpecifies the default value
onChangefunction
configobjectCKEditor config

Test Case

npm test npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

Deploy to npm

Because I am sure I will forget

npm run pub

License

react-ckeditor-wrapper is released under the MIT license.

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc