Micon WYSIWYG / CKEditor / Embed iconpicker submodule

Created on 25 July 2022, over 2 years ago
Updated 20 February 2024, 10 months ago

Problem/Motivation

Using Micon icons in the CKEditor currently is only possible if you know the appropriate classes and with technical knowledge.

But as icons may also be used in the WYSIWYG / CKEditor it would be cool to have a Micon Iconpicker for that and the appropriate libraries loaded in the widget and output.

Steps to reproduce

Proposed resolution

Hint: Similar things have already been implemented in:

  1. Load the micon icon library / css in the ckeditor iframe via one of the ways mentioned here: #2674412: How to add custom CSS for CKEditor styles to rendered WYSIWYG content AND (node) add / edit forms with CKEditor textareas or here
  2. POSTPONED, see #2: Allow to enter icon markup like <i class="fa-asterisk"></i> in the sourcecode editor of CKeditor (currently CKeditor seems to filter it out!).
    #2722451: tags without content are stripped by CKEditor even with "Full HTML" (i.e. without ACF)
    See https://stackoverflow.com/questions/18250404/ckeditor-strips-i-tag
    #2179785: CKE removes empty span

    Result: This isn't a problem if using text inside the icon as placeholder, see
    https://www.drupal.org/project/drupal/issues/2722451#comment-11717119
    DON'T

    DO

  3. POSTPONED, see #2: Add Micon Iconpicker Widget for CKEditor
  4. POSTPONED, see #2: Ensure the Micon libraries for the editor and output of the WYSIWYG field are loaded

Remaining tasks

User interface changes

API changes

Data model changes

Feature request
Status

Active

Version

2.0

Component

Code

Created by

🇩🇪Germany Anybody Porta Westfalica

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024