Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ckeditor5-cta-link

camille50015ISC1.0.17

Link with button class for CTA

link, ckeditor, plugin, ckeditor5, plugin, cke5, class, cta

readme

CTA Link embed plugin

Simple plugin for creating a CTA link with class button.

Note that this plugins only creates an link with the class 'button'

Initialize

Import the plugin

import Button from ' ckeditor5-cta-link/button'

Include the plugin

Editor.builtinPlugins = [
    Button
]

Add the button to the toolbar

Editor.defaultConfig = {
    toolbar: {
        items: [
            'button'
        ]
    }
}

Usage

  • Click on the Call to Action button in the toolbar
  • Enter the button text
  • Enter the button link
  • The button is created

Structure

The plugin will add the element as shown below

<a class="button" target="blank" href="https://link.com" alt="Call to action">Call to action</a>