Toggle Outline of Containers while in Beaver Builder editor with a keyboard shortcut

functions.php

<?php

/**
 * Create Builder Shortcut to highlight containers
 */

add_filter( 'fl_builder_keyboard_shortcuts', function( $shortcuts ) {
    $shortcuts['outlineObjects'] = array(
        'label' => __( 'Outline Objects'),
        'keyCode' => 'mod+q' //shortcut is Ctrl+q or Cmd+q - Change this to anything that works best for you
        );
    return $shortcuts;
});

function outline_Objects() {
    // Check if Beaver Builder is active 
    if ( class_exists('FLBuilderModel') && FLBuilderModel::is_builder_active() ) {

    /**
     * Enqueue your custom JavaScript file
     *
     *************************************
     * See "shortcut-script.js" file below
     *************************************
     *
     * Be sure to use the appropriate url path depending on if your 
     * code is contained in a custom plugin or child theme.
     *
     */
       wp_enqueue_script('outlineObjects', get_stylesheet_directory_uri() . '/js/shortcut-script.js');
    }
}

add_action('wp_enqueue_scripts','outline_Objects');

shortcut-script.js

(function($) {
    // Create a function to fire when your custom shortcut is triggered
    function outlineObjects() {
      $('.fl-col').toggleClass('fl-col-highlight');
      $('.fl-row-content-wrap').toggleClass('fl-row-highlight');
    }
    $(function() { // Once the document is ready
        // Register a hook listener using the key that you registered 
        // your shortcut with along with the function it should fire.
        FLBuilder.addHook('outlineObjects', outlineObjects );
    });
})(jQuery);

Reference link for the Beaver Builder shortcuts API:

https://docs.wpbeaverbuilder.com/beaver-builder/developer/tutorials-guides/customize-keyboard-shortcuts/