{"id":16175330,"url":"https://github.com/nkdas91/ckeditor5-classic-plus","last_synced_at":"2025-08-24T04:14:02.715Z","repository":{"id":57199219,"uuid":"216785600","full_name":"nkdas91/ckeditor5-classic-plus","owner":"nkdas91","description":"CKEditor 5 Classic Plus is a custom build built on top of CKEditor 5 Build - Classic (version: 41.3.0). It adds Simple Upload Adapter, Image Resize, Font Styling and much more to the official build.","archived":false,"fork":false,"pushed_at":"2024-04-15T14:40:46.000Z","size":28982,"stargazers_count":8,"open_issues_count":1,"forks_count":4,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-11T10:41:43.177Z","etag":null,"topics":["ckeditor-react","ckeditor5","ckeditor5-build","ckeditor5-build-classic","ckeditor5-classic-plus","ckeditor5-code-block","ckeditor5-custom-build","ckeditor5-simple-upload-adapter","rich-text-editor","wysiwyg-editor-react","wysiwyg-react"],"latest_commit_sha":null,"homepage":"https://neerajdas.com/ckeditor5-classic-plus/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nkdas91.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-10-22T10:23:49.000Z","updated_at":"2025-02-14T15:27:58.000Z","dependencies_parsed_at":"2024-10-12T09:01:07.613Z","dependency_job_id":"5fa5121a-6d4e-42b4-bcc6-2629c9f0099c","html_url":"https://github.com/nkdas91/ckeditor5-classic-plus","commit_stats":{"total_commits":456,"total_committers":16,"mean_commits":28.5,"dds":0.5263157894736843,"last_synced_commit":"f19232424b68fa1346c70770774343210e88ba96"},"previous_names":["nkdas91/ckeditor5-build-classic-simple-upload-adapter"],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nkdas91%2Fckeditor5-classic-plus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nkdas91%2Fckeditor5-classic-plus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nkdas91%2Fckeditor5-classic-plus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nkdas91%2Fckeditor5-classic-plus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nkdas91","download_url":"https://codeload.github.com/nkdas91/ckeditor5-classic-plus/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243955697,"owners_count":20374373,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ckeditor-react","ckeditor5","ckeditor5-build","ckeditor5-build-classic","ckeditor5-classic-plus","ckeditor5-code-block","ckeditor5-custom-build","ckeditor5-simple-upload-adapter","rich-text-editor","wysiwyg-editor-react","wysiwyg-react"],"created_at":"2024-10-10T04:44:38.151Z","updated_at":"2025-03-19T00:31:18.248Z","avatar_url":"https://github.com/nkdas91.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CKEditor 5 - Classic Plus\n\n***CKEditor 5 Classic Plus** is a [Custom Build](https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/quick-start.html#creating-custom-builds) built on top of [CKEditor 5 Build - Classic](https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/predefined-builds.html#classic-editor) (version: 41.3.0). It adds Simple Upload Adapter, Image Resize, Font Styling and much more to the official build.*\n\n[![Live demo button](https://neerajdas.com/ckeditor5-classic-plus/images/live_demo_button.webp)](https://neerajdas.com/ckeditor5-classic-plus/)\n\n![CKEditor 5 - Classic Plus sample image](https://neerajdas.com/ckeditor5-classic-plus/images/ckeditor.png)\n\n***Note,** If you are looking for an easy way to create a custom build of [CKEditor 5](https://ckeditor.com/), check the [online builder](https://ckeditor.com/ckeditor-5/online-builder/), which allows you to easily create a custom build through a simple and intuitive UI.*\n\n## What's added to the official build?\n- [Basic Text Styles](https://ckeditor.com/docs/ckeditor5/latest/features/basic-styles.html)\n- [Text Alignment](https://ckeditor.com/docs/ckeditor5/latest/features/text-alignment.html)\n- [Font](https://ckeditor.com/docs/ckeditor5/latest/features/font.html)\n- [Code Block](https://ckeditor.com/docs/ckeditor5/latest/features/code-blocks.html)\n- [Horizontal Line](https://ckeditor.com/docs/ckeditor5/latest/features/horizontal-line.html)\n- [Simple Upload Adapter](https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/simple-upload-adapter.html)\n- [Image Link](https://ckeditor.com/docs/ckeditor5/latest/features/images/images-overview.html#linking-images)\n- [Image Resize](https://ckeditor.com/docs/ckeditor5/latest/features/images/images-overview.html#resizing-images)\n- [Find And Replace](https://ckeditor.com/docs/ckeditor5/latest/features/find-and-replace.html)\n\n## Quick start\n\n### React\n\nInstallation\n\n```bash\nnpm i @ckeditor/ckeditor5-react\nnpm i ckeditor5-classic-plus\n```\n\nUsage\n\n```js\nimport React, { useState } from \"react\";\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\nimport ClassicEditor from \"ckeditor5-classic-plus\";\n\nexport default function MyEditor() {\n  const [article, setArticle] = useState();\n  \n  return (\n    \u003cCKEditor\n      editor={ClassicEditor}\n      data={article}\n      onReady={editor =\u003e {\n        // You can store the \"editor\" and use when it is needed.\n      }}\n      onChange={(event, editor) =\u003e {\n        const data = editor.getData();\n        setArticle(data);\n      }}\n      config={{\n        simpleUpload: {\n          // The URL that the images are uploaded to.\n          uploadUrl: \"http://example.com\",\n          \n          // Enable the XMLHttpRequest.withCredentials property if required.\n          withCredentials: true,\n\n          // Headers sent along with the XMLHttpRequest to the upload server.\n          headers: {\n            \"X-CSRF-TOKEN\": \"CSFR-Token\",\n            Authorization: \"Bearer \u003cJSON Web Token\u003e\"\n          }\n        }\n      }}\n    /\u003e\n  );\n}\n```\n\n[CKEditor 5 React documentation](https://ckeditor.com/docs/ckeditor5/latest/installation/integrations/react.html)  \n\n[Simple upload adapter documentation](https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/simple-upload-adapter.html)\n\n### JS\n\nInstallation\n\n```bash\nnpm i ckeditor5-classic-plus\n```\n\nUsage\n\n```js\nimport ClassicEditor from 'ckeditor5-classic-plus';\n\n// Or using the CommonJS version:\n// const ClassicEditor = require('ckeditor5-classic-plus');\n\nClassicEditor\n  .create(document.querySelector('#editor'), {\n  simpleUpload: {\n      // The URL that the images are uploaded to.\n      uploadUrl: \"http://example.com\",\n      \n      // Enable the XMLHttpRequest.withCredentials property if required.\n      withCredentials: true,\n\n      // Headers sent along with the XMLHttpRequest to the upload server.\n      headers: {\n        \"X-CSRF-TOKEN\": \"CSFR-Token\",\n        Authorization: \"Bearer \u003cJSON Web Token\u003e\"\n      }\n    }\n  })\n  .then(editor =\u003e {\n    window.editor = editor;\n  })\n  .catch(error =\u003e {\n    console.error('There was a problem initializing the editor.', error);\n  });\n```\n\n### HTML\n\nInstallation using NPM\n\n```bash\nnpm i ckeditor5-classic-plus\n```\n\nOR You may use the CDN\n\njsDelivr\n```bash\nhttps://cdn.jsdelivr.net/npm/ckeditor5-classic-plus@41.3.0/build/ckeditor.js\n```\n\nOR\n\nUNPKG\n```bash\nhttps://unpkg.com/ckeditor5-classic-plus@41.3.0/build/ckeditor.js\n```\n\nUsage\n\n```html\n\u003cdiv id=\"editor\"\u003e\n  \u003cp\u003eThis is the editor content.\u003c/p\u003e\n\u003c/div\u003e\n\u003cscript src=\"./node_modules/ckeditor5-classic-plus/build/ckeditor.js\"\u003e\u003c/script\u003e\n\n\u003c!--Using CDN--\u003e\n\u003c!--\u003cscript src=\"https://cdn.jsdelivr.net/npm/ckeditor5-classic-plus@41.3.0/build/ckeditor.js\"\u003e\u003c/script\u003e--\u003e\n\n\u003cscript\u003e\n  ClassicEditor.create(document.querySelector(\"#editor\"), {\n    simpleUpload: {\n      // The URL that the images are uploaded to.\n      uploadUrl: \"http://example.com/\",\n      \n      // Enable the XMLHttpRequest.withCredentials property if required.\n      withCredentials: true,\n\n      // Headers sent along with the XMLHttpRequest to the upload server.\n      headers: {\n        \"X-CSRF-TOKEN\": \"CSFR-Token\",\n        Authorization: \"Bearer \u003cJSON Web Token\u003e\"\n      }\n    }\n  })\n  .then(editor =\u003e {\n    window.editor = editor;\n  })\n  .catch(error =\u003e {\n    console.error('There was a problem initializing the editor.', error);\n  });\n\u003c/script\u003e\n```\n\n## CKEditor 5 official documentation\n* [Quick start](https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/quick-start.html)\n* [Editor life cycle](https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/editor-lifecycle.html)\n* [Configuration](https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/configuration.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnkdas91%2Fckeditor5-classic-plus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnkdas91%2Fckeditor5-classic-plus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnkdas91%2Fckeditor5-classic-plus/lists"}