Download the PHP package ubc-web-services/ubc_ckeditor_widgets without Composer

On this page you can find all versions of the php package ubc-web-services/ubc_ckeditor_widgets. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Informations about the package ubc_ckeditor_widgets

ubc_ckeditor_widgets

A Drupal module to add some common widgets to CKeditor

Working with the javascript

Plugin source should be added to js/ckeditor5_plugins/{pluginNameDirectory}/src and the build tools expect this directory to include an index.js file that exports one or more CKEditor 5 plugins. Note that requiring index.js to be inside {pluginNameDirectory}/src is not a fixed requirement of CKEditor 5 or Drupal, but a requirement of this starter template that can be changed in webpack.config.js as needed.

In the module directory, run yarn install to set up the necessary assets. The initial run of install may take a few minutes, but subsequent builds will be faster.

After installing dependencies, plugins can be built with yarn build or yarn watch. They will be built to js/build/{pluginNameDirectory}.js. co

Custom Styles

Custom styles can be added to the widget dropdowns via the configuration form at: /admin/config/content/ubc-ckeditor-widgets

Styles per widget

The following style / widget combinations are supported:

Widget Background Colour Padding Margin Gap Shadow 2 Column Layout 3 Column Layout Table Styles Table Column Width
Accordion
Accordion Toggle
Card: Horizontal ✓ ✓ ✓
Card: Vertical (1) ✓ ✓ ✓
Card: Vertical (2) ✓ ✓ ✓ ✓
Card: Vertical (3) ✓ ✓ ✓ ✓
Colour Box ✓ ✓ ✓ ✓
Columns (2) ✓ ✓ ✓ ✓ ✓ ✓
Columns (3) ✓ ✓ ✓ ✓ ✓ ✓
Columns (4) ✓ ✓ ✓ ✓ ✓
Table Class ✓
Table Cell Class ✓

Custom style prefixes

To add custom styles, you must ensure your custom class maintains the following prefixes (.prefix-[customclass]):

Widget Required Prefix
Background Colour bg-
Gap gap-
Margin my-
Padding p-
Shadow custom styles not supported
2 Column Layout align-
3 Column Layout align-
Table Styles table-
Table Column Width w-

Adding Custom Style Support to the Theme

There are two parts to this. You need to provide your custom styles to the theme and to the editor.

  1. THEME - these styles are added to your main stylesheet - that will be sufficent to have the applied styles reflected correctly.

  2. EDITOR - create a separate stylesheet that contains your custom widget styles. To ensure the styles don't leak into your admin theme, it is recommended to that you prefix every style with the class .ck-editor, ending up with something like .ck-editor .bg-myclass. You can then reference this stylesheet in your [theme].info file like so:

CKEditor 5 widgets

Goals:

Version 4 widget repos:

  1. https://github.com/ubc-web-services/ubc_ckeditor_widgets/tree/vanilla-js
  2. https://github.com/ubc-web-services/ubc-column-options-widget
  3. https://github.com/ubc-web-services/ubc-color-box-widget

CKE 4 widgets [CKE 5 widget status]:

Net new CKE5 widgets:

CKEditor API

Drupal resources

All versions of ubc_ckeditor_widgets with dependencies

PHP Build Version
Package Version
No informations.
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package ubc-web-services/ubc_ckeditor_widgets contains the following files

Loading the files please wait ....