# ckeditor-loader

> A webpack loader to load ckeditor.

Latest version **0.1.5** (published 2018-05-10) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install ckeditor-loader
pnpm add ckeditor-loader
yarn add ckeditor-loader
bun add ckeditor-loader
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.1.5 |
| Published | 2018-05-10 |
| First published | 2017-05-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 166.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | gsmlg |
| Maintainers | gsmlg |

## Links

- npm: https://www.npmjs.com/package/ckeditor-loader
- Repository: https://github.com/gsmlg/ckeditor-loader
- Homepage: https://github.com/gsmlg/ckeditor-loader#readme
- Issues: https://github.com/gsmlg/ckeditor-loader/issues
- npm.io page: https://npm.io/package/ckeditor-loader

## Dependencies (5)

- [react](https://npm.io/package/react.md) ^15.5.4
- [ckeditor](https://npm.io/package/ckeditor.md) ^4.6.2
- [react-dom](https://npm.io/package/react-dom.md) ^15.5.4
- [css-loader](https://npm.io/package/css-loader.md) ^0.28.2
- [loader-utils](https://npm.io/package/loader-utils.md) ^1.1.0

## Recent versions

- 0.1.5 (latest) — 2018-05-10
- 0.1.4 — 2017-05-27
- 0.1.3 — 2017-05-27
- 0.1.2 — 2017-05-26
- 0.1.1 — 2017-05-26
- 0.1.0 — 2017-05-26
- 0.0.1 — 2017-05-24

## README

# ckeditor-loader
webpack loader to load ckeditor


## USAGE

code:
```javascript
import $ from 'jquery';
import React, {Component} from 'react';
import ReactDOM from 'react-dom';

import Editor from './ckeditor.conf';

window.$ = $;
window.editor = Editor;

class App extends Component {

  componentDidMount() {
    var context = this.refs.editorContext;
    this.editor = Editor.appendTo(context, {
      customConfig: '',
      width: 640,
      height: 480,
    });
  }

  render() {
    return (
      <div className="wrapper">
        <header>
          <h1>CKEditor</h1>
        </header>
        <section>
          <div ref="editorContext" />
        </section>
      </div>
    );
  }
}

$(function() {
  ReactDOM.render(
    <App />,
    document.getElementById('app'),
    () => {
      console.log('App mounted!');
    }
  );
});


```

editor.conf:
```javascript
{
    "plugins": ["link", "table"],
    "languages": ["zh", "en"],
    "theme": "moono"
};
```

loader:
```javascript
module: {
    rules: [
    ...
    {
        test: /ckeditor.conf$/,
        use: [
            'ckeditor-loader'
        ]
    }
    ]
```

---
_Source: https://npm.io/package/ckeditor-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._