Autocomplete Integration #

It's convenient to use the Plain Classes to manage the CSS classes on each element when you are using external or 3rd-party addons CSS.

Plain Classes doesn't parse the CSS classes name you input on each element, so there will be no on-the-fly autocomplete suggestions provided.

Common Integration #

Some of the guide below are required you to write the code. You can write the provided code using snippet plugins such as Script Organizer, WPCodeBox or Code Snippets plugins.

Wakaloka Oxywind #

The Wakaloka Oxywind plugin has a built-in autocomplete integration that allows you to use the Plain Classes to manage the CSS classes on each element.

Oxygen Selector System #

The Oxygen Selector System classes name collection is stored on the database. You can use the following snippet code to get the collection and register it to the Plain Classes' autocomplete suggestion feature.

<?php

add_filter('f!Wakaloka\\PlainClasses\\Core\\Plain::tribute_autocomplete', function (array $classes) {
    $component_classes = get_option('ct_components_classes', []);
    $component_classes = array_keys($component_classes);
    $classes = array_merge($classes, $component_classes);

    return $classes;
});

Oxymade Framework #

The Oxymade Framework classes name collection is stored on the database. If you have setup the Oxygen Selector System integration, you already have the collection registered to the Plain Classes' autocomplete suggestion feature. Otherwise, you can use the following snippet code to get the collection and register it to the Plain Classes' autocomplete suggestion feature.

<?php

add_filter('f!Wakaloka\\PlainClasses\\Core\\Plain::tribute_autocomplete', function (array $classes) {
    if (defined('OXYMADE_PLUGIN_FILE')) {
        $component_classes = get_option('ct_components_classes', []);
        $component_classes = array_filter($component_classes, fn ($v) => in_array($v['parent'], ['OxyMadeFramework', 'OxyMadeHoverStyles']));
        $component_classes = array_keys($component_classes);
        $classes = array_merge($classes, $component_classes);
    }

    return $classes;
});

Automatic CSS #

The Automatic CSS plugin classes name collection is stored as a JSON file. You can use the following snippet code to get the collection and register it to the Plain Classes' autocomplete suggestion feature.

<?php

add_filter('f!Wakaloka\\PlainClasses\\Core\\Plain::tribute_autocomplete', function (array $classes) {
    if (defined('ACSS_PLUGIN_FILE')) {
        $file_name = dirname(ACSS_PLUGIN_FILE) . '/config/classes.json';

        if (file_exists($file_name)) {
            $file_content = file_get_contents($file_name);

            if (false !== $file_content) {
                $classes = array_merge($classes, json_decode($file_content, true)['classes']);
            }
        }
    }

    return $classes;
});