Giter VIP home page Giter VIP logo

ckeditor5-build-full's Introduction

CKEditor 5 customize classic editor build

Thanks to CKEditor

npm version devDependency Status

The customize full features for classic editor build for CKEditor 5.

CKEditor 5 classic editor build screenshot

Documentation

See:

Quick start

First, install the build from npm:

npm install --save ckeditor5-build-full

And use it in your ReactJS application:

import React from 'react'
import { CKEditor } from '@ckeditor/ckeditor5-react'
import FullEditor from 'ckeditor5-build-full'

const index = () => {
  return (
    <CKEditor
      editor={FullEditor}
      onChange={(event, editor) => {
        const data = editor.getData()
        console.log({ event, editor, data })
      }}
    />
  )
}

export default index

Note: If you are planning to integrate CKEditor 5 deep into your application, it is actually more convenient and recommended to install and import the source modules directly (like it happens in ckeditor.js). Read more in the Advanced setup guide.

License

Licensed under the terms of GNU General Public License Version 2 or later. For full details about the license, please check the LICENSE.md file or https://ckeditor.com/legal/ckeditor-oss-license.

ckeditor5-build-full's People

Contributors

hieutran111 avatar tmh-se avatar

Stargazers

Nguyễn Văn Thắng avatar mushroomlb avatar

Watchers

James Cloos avatar  avatar

ckeditor5-build-full's Issues

library build issue

when trying to build the application under angular 13 (I think it will be the same issue with angular 10 or 11)

I've these errors:

yarn run build
yarn run v1.22.18
$ ng build
Browser application bundle generation complete.

Error: src/app/app.component.ts:4:24 - error TS7016: Could not find a declaration file for module 'ckeditor5-build-full'. '/home/xx/Desktop/test/ckeditor/node_modules/ckeditor5-build-full/lib/ckeditor.js' implicitly has an 'any' type.
Try npm i --save-dev @types/ckeditor5-build-full if it exists or add a new declaration (.d.ts) file containing declare module 'ckeditor5-build-full';

4 import FullEditor from 'ckeditor5-build-full'
~~~~~~~~~~~~~~~~~~~~~~

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

But I cant find this package: @types/ckeditor5-build-full

is there any solution for this ?

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.