We should be able to preview Video Filter tokens in the CKEditor in more user-friendly format. [video:] could be confusing for some people. In order to support this feature we need the following:

1. Implement new method to VideoFilterBase class. The name of the method could be preview
2. Refine assets/video_filter.js and implement editor.widgets.add( 'video_filter', {}); with upcast, data and downcast methods.
3. Refine assets directory. Move plugin JS and the icon into plugin directory
4. Create a new directory and implement preview methods in all VideoFilter plugins.
5. Add fallback preview image. (in case if a plugin doesn't provide preview method)

In addition:
1. Research possibility of making preview image resizable.
2. Inline edits. Prepopulate dialog values with the data from the [video] token.

Comments

minnur created an issue. See original summary.

minnur’s picture

minnur commented
Title: Implement Video Filter toke preview in CKEditor » Implement Video Filter token preview in CKEditor
minnur’s picture

minnur commented
Component: Code » User interface
Category: Feature request » Task
damienmckenna’s picture

damienmckenna
Location TN, USA
commented

This won't be done for CKEditor 4, and it seems like CKEditor 5 doesn't support shortcodes; further discussion is being handled in #3376876: Plan for D10+ / CKEditor 5.

minnur’s picture

minnur commented
Status: Active » Closed (outdated)