MediaFinder: Implementing the MediaFinder plugin and connecting with FileManager

How to implement the CKEditor 4 HTML editor, please see examples: ckeditor.php, ckeditor2.php, and ckeditor3.php.

Integrated here is MediaFinder, visible on the right side of the editor. This plugin allows for a much easier addition of content beyond the introductory image. The plugin is reusable and can be applied, for instance, to articles, news, or anything else.

For better illustration, a simplified table named "example" has been added to the database. This table contains a column called "picture_id," which stores the necessary information.

The primary plugin, FileHandler, manages files and images site-wide, and MediaFinder utilizes the services of FileHandler. Here are some rules and recommendations that should be taken into serious consideration. Please refer to the comments and suggestions in mediafinder.php for more details.

Selected picture
Kolletanud lehed maas.jpg
The HTML you typed:
DATA to store in a separate column of the database table:
The introduction image is placed, for example, on top of the content on the frontend: