# CKEditor 4 WYSIWYG editor component for React [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Check%20out%20CKEditor%204%20React%20integration&url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fckeditor4-react)
[![npm version](https://badge.fury.io/js/ckeditor4-react.svg)](https://www.npmjs.com/package/ckeditor4-react)
[![GitHub tag](https://img.shields.io/github/tag/ckeditor/ckeditor4-react.svg)](https://github.com/ckeditor/ckeditor4-react)
[![Build Status](https://travis-ci.org/ckeditor/ckeditor4-react.svg?branch=master)](https://travis-ci.org/ckeditor/ckeditor4-react)
[![Dependency Status](https://david-dm.org/ckeditor/ckeditor4-react/status.svg)](https://david-dm.org/ckeditor/ckeditor4-react)
[![devDependency Status](https://david-dm.org/ckeditor/ckeditor4-react/dev-status.svg)](https://david-dm.org/ckeditor/ckeditor4-react?type=dev)
[![Join newsletter](https://img.shields.io/badge/join-newsletter-00cc99.svg)](http://eepurl.com/c3zRPr)
[![Follow Twitter](https://img.shields.io/badge/follow-twitter-00cc99.svg)](https://twitter.com/ckeditor)
Official [CKEditor 4](https://ckeditor.com/ckeditor-4/) WYSIWYG editor component for React.
We are looking forward to your feedback! You can report any issues, ideas or feature requests on the [integration issues page](https://github.com/ckeditor/ckeditor4-react/issues/new).
![CKEditor 4 screenshot](https://c.cksource.com/a/1/img/npm/ckeditor4.png)
## Usage
```jsx
import CKEditor from 'ckeditor4-react';
<CKEditor data="<p>This is an example CKEditor 4 WYSIWYG editor instance.</p>" />
```
## Documentation and examples
See the [CKEditor 4 WYSIWYG Editor React Integration](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_react.html) article in the [CKEditor 4 documentation](https://ckeditor.com/docs/ckeditor4/latest).
You can also check out [CKEditor 4 WYSIWYG Editor React Integration example](https://ckeditor.com/docs/ckeditor4/latest/examples/react.html) in [CKEditor 4 Examples](https://ckeditor.com/docs/ckeditor4/latest/examples/).
## Browser support
The CKEditor 4 React component works with all the [supported browsers](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html#officially-supported-browsers) except for Internet Explorer 8-10.
## Contributing
After cloning this repository, install necessary dependencies:
```
npm install
```
### Executing tests
```
npm run test
```
The command above should be used to get a quick feedback on passing / failing tests. By default, tests on Chrome will be launched with locally installed version of React.
Run `npm run test:all` to run tests on all supported versions of React. By default, test suite runs on Chrome but `browser` argument can be passed, e.g. `npm run test:all -- --browser Firefox`. See `scripts/react-tester.js` for details.
If you are going to change the source files (ones located in the `src/` directory), remember about rebuilding the package. You can use `npm run develop` in order to do it automatically.
### Running samples
Samples uses development built version to simplify component testing. Run below command to open sample page in your default system browser:
```
npm run samples
```
Any component changes will be automatically rebuild.
### Building the package
Build a minified version of the package that is ready to publish:
```
npm run build
```
## License
Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
Licensed under the terms of any of the following licenses at your
choice:
* [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html),
* [GNU Lesser General Public License Version 2.1 or later](http://www.gnu.org/licenses/lgpl.html),
* [Mozilla Public License Version 1.1 or later (the "MPL")](http://www.mozilla.org/MPL/MPL-1.1.html).
For full details about the license, please check the `LICENSE.md` file.
WillisWang
- 粉丝: 25
- 资源: 4701
最新资源
- IEEE15节点系统Simulink仿真 1.基础功能:基于Matlab simulink平台搭建IEEE15节点仿真模型,对电力系统进行潮流计算 2.拓展功能: 可在该IEEE15节系统仿真模型上进
- IEEE9节点系统Simulink仿真 1.基础功能:基于Matlab simulink平台搭建IEEE9节点仿真模型,对电力系统进行潮流计算(与编程用牛拉法计算潮流结果一致) 2.拓展功能: 可在该
- dsp28335 PMSM三相永磁同步电机矢量控制源代码,包含clarke变,park变,svpwm,pi控制等,同时包含adc,eeprom,can,i2c,spi,定时器等驱动代码,已在实际项目中
- 脉振高频电压注入的永磁同步电机无速度传感器 PMSM
- 西门子200smart和昆仑通态锅炉热站程序项目实例,程序内有利用模拟量读取,运算时间自动切,水泵一用一备故障自动切,自动时间段加热,时间段设定温度,电能读取及算法 modbus通讯控制变频器
- 孤岛模式下两台逆变器下垂控制算法,采用电压外环和电流内环的双闭环控制,可以提供参考文献
- 常用的电机启动功能块实用博图软件西门子1200 1500,本人用的功能最全面的控制电机启动的功能块 包括1远程就地选择2设备故障反馈3设备运行反馈4控制及仿真5启动命令后电机不运行报警6报警复位7电
- MATLAB基于Simulink的行波故障测距 ,基于MATLAB SIMULINK的输电线路故障行波仿真方法
- 三相离网逆变器,VSG控制 离网逆变器VSG控制算法,有功-频率控制,无功-电压控制 电压波形质量良好
- flac3d边坡地震模型 采用自由场边界,使用瑞利阻尼,输入地震波采用阪神地震波 鲁甸波
- MATLAB代码:基于主从博弈的智能小区代理商定价策略及电动汽车充电管理 关键词:电动汽车 主从博弈 动态定价 智能小区 充放电优化 参考文档:基于主从博弈的智能小区代理商定价策略及电动汽车充电
- 多点预瞄模糊控制 软件使用:Carsim+Matlab Simulink 适用场景:采用模块化建模方法,搭建联合仿真模型,以Carsim作为整车平台适用于多种工况场景 产品simulink源码包含如
- 折叠式共源共栅放大器设计 cadence 宽摆幅 压摆率 smic180 tsmc180
- 西门子S7-1200程序案例, PID 恒温恒压供冷却水程序.SCL编程语言 触摸屏画面TP1200组态 霍尼韦尔电动比例阀PID控制水温,与两台西门子v20变频器模拟量PID控制水压 包括程序和
- DSP28035充电桩 量产充电桩 采用DSP28035作为主控 全数字电源设计,输入输出全隔离 采用APFC+LLC全桥整流,低损耗 支持过流,过压,欠压保护 包括原理图,源代码,说明文
- C#联合halcon实现字符缺陷检测源码机器视觉 字符识别 IO输入输出 halcon联合C#实现字符识别,处理pin距离 4个巴斯勒相机相机SDK开发 设置相机的触发模式,采集模式,曝光增益 宇符模
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
评论0