Skip to content

Widget that allows using of placeholders like "First Name", "Date" etc. in ckeditor5

License

Notifications You must be signed in to change notification settings

kiruh/ckeditor5-placeholder

Repository files navigation

CKEditor 5 placeholder feature

Documentation

This package is a final product of Implementing an inline widget tutorial describing how to create a “Placeholder” feature which allow the user to insert a predefined placeholders, like a date or a surname, into the document.

Install

npm install --save ckeditor5-placeholder

Config

import ClassicEditor from "@ckeditor/ckeditor5-editor-classic/src/classiceditor";
import Placeholder from "ckeditor5-placeholder";

ClassicEditor.create(document.querySelector("#editor"), {
  plugins: [
    // ...
    Placeholder,
  ],
  toolbar: [
    // ...
    "placeholder",
  ],
  placeholderProps: {
    types: ["First Name", "Date"],
  },
  placeholderBrackets: {
    open: "{",
    close: "}",
  }
});