Coder Social home page Coder Social logo

roslovets-inc / ckeditor5-build-strapi-wysiwyg Goto Github PK

View Code? Open in Web Editor NEW
29.0 3.0 46.0 12.65 MB

Enhanced build of CKEditor 5 to replace default Strapi WYSIWYG editor

Home Page: https://www.npmjs.com/package/ckeditor5-build-strapi-wysiwyg

JavaScript 93.44% CSS 6.56%
ckeditor5 strapi-wysiwyg strapi

ckeditor5-build-strapi-wysiwyg's Introduction

Enhanced build of CKEditor 5 for Strapi

Enhanced build of CKEditor 5 to replace default Strapi WYSIWYG editor (note: this is just a part of Strapi plugin).

ckeditor5-build-strapi-wysiwyg demo screenshot

๐Ÿ‘€ Live Demo

Features

  • Enhanced build of CKEditor 5 with more capabilities then Classic Editor build has
  • Extensive set of features for your rich content
  • Automatically upload Inserted images to Strapi Media Library (thanks to ckeditor5-strapi-upload-plugin)
  • Access Strapi Media Library directly from the editor toolbar ๐Ÿ”ฅ
  • Full screen mode ๐Ÿ”ฅ

How to try

Check out ๐Ÿ‘€ live demo where you can test most of the features.

How to try manually

  1. Clone repository and change directory
git clone https://github.com/Roslovets-Inc/ckeditor5-build-strapi-wysiwyg
cd ckeditor5-build-strapi-wysiwyg
  1. Install dependencies and build CKEditor (automatically)
npm i
  1. Open demo/index.html in your system browser

How to use

Just install to your Strapi strapi-plugin-ckeditor5 plugin based on this build (recommended).

If you want to integrate the build manually examine strapi-plugin-ckeditor5 source code as an integration example.

How to add more features to the editor

If you want to see more features in this build feel free to request it in issues or create pull request. Together we will build a comprehensive editor for common needs.

Links

โญ๏ธ Show your support

Give a star if this project helped you.

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.