@kimnagui/ckeditor5-media-align

1.0.5 • Public • Published

ckeditor5 media align

Align feature for ckeditor5-media-embed.

ckeditor5-media-align

Usage

// react example
import React, { Component } from "react";
import CKEditor from "@ckeditor/ckeditor5-react";
import ClassicEditor from "@ckeditor/ckeditor5-editor-classic/src/classiceditor";
import MediaEmbed from "@ckeditor/ckeditor5-media-embed/src/mediaembed";
import MediaToolbar from "@ckeditor/ckeditor5-media-embed/src/mediaembedtoolbar";
import MediaStyle from "@kimnagui/ckeditor5-media-align";
...

export default class Editor extends Component {
    <CKEditor
        ...
        editor={ClassicEditor}
        config={{
            ...
            plugins: [
                ...
                MediaEmbed,
                MediaToolbar,
                MediaStyle,
            ],
            toolbar: [
              ...
              "mediaEmbed",
              ...
            ],
            mediaEmbed: {
              ...
              toolbar: [
                "mediaStyle:full",
                "|",
                "mediaStyle:alignLeft",
                "mediaStyle:alignCenter",
                "mediaStyle:alignRight",
              ],
              styles: ["full", "alignLeft", "alignCenter", "alignRight"],
              locales: { // optional
                full: "your_translation",
                alignLeft: "your_translation",
                alignCenter: "your_translation",
                alignRight: "your_translation",
              },
            },
        }}
    />

Package Sidebar

Install

npm i @kimnagui/ckeditor5-media-align

Weekly Downloads

1

Version

1.0.5

License

GPL-2.0-or-later

Unpacked Size

14.2 kB

Total Files

12

Last publish

Collaborators

  • kimnagui