$extra_atts Pass a list of attributes to override the saved ones. */ function enqueue_code_editor( string $type, array $extra_atts = [] ) { $plugin = code_snippets(); $modes = [ 'css' => 'text/css', 'php' => 'php-snippet', 'js' => 'javascript', 'html' => 'application/x-httpd-php', ]; if ( ! isset( $modes[ $type ] ) ) { $type = 'php'; } $default_atts = [ 'mode' => $modes[ $type ], 'inputStyle' => 'textarea', 'matchBrackets' => true, 'extraKeys' => [ 'Alt-F' => 'findPersistent', 'Ctrl-Space' => 'autocomplete', 'Ctrl-/' => 'toggleComment', 'Cmd-/' => 'toggleComment', 'Alt-Up' => 'swapLineUp', 'Alt-Down' => 'swapLineDown', ], 'gutters' => [ 'CodeMirror-lint-markers', 'CodeMirror-foldgutter' ], 'lint' => 'css' === $type || 'php' === $type, 'direction' => 'ltr', 'colorpicker' => [ 'mode' => 'edit' ], 'foldOptions' => [ 'widget' => '...' ], ]; // Add relevant saved setting values to the default attributes. $plugin_settings = Settings\get_settings_values(); $setting_fields = Settings\get_settings_fields(); foreach ( $setting_fields['editor'] as $field_id => $field ) { // The 'codemirror' setting field specifies the name of the attribute. $default_atts[ $field['codemirror'] ] = $plugin_settings['editor'][ $field_id ]; } // Merge the default attributes with the ones passed into the function. $atts = wp_parse_args( $default_atts, $extra_atts ); $atts = apply_filters( 'code_snippets_codemirror_atts', $atts ); // Ensure number values are not formatted as strings. foreach ( [ 'indentUnit', 'tabSize' ] as $number_att ) { $atts[ $number_att ] = intval( $atts[ $number_att ] ); } wp_enqueue_code_editor( [ 'type' => $modes[ $type ], 'codemirror' => $atts, ] ); wp_enqueue_script( 'htmlhint' ); wp_enqueue_script( 'csslint' ); wp_enqueue_script( 'jshint' ); wp_enqueue_script( 'code-snippets-code-editor', plugins_url( 'dist/editor.js', $plugin->file ), [ 'code-editor' ], $plugin->version, true ); // CodeMirror Theme. $theme = get_setting( 'editor', 'theme' ); if ( 'default' !== $theme ) { wp_enqueue_style( 'code-snippets-editor-theme-' . $theme, plugins_url( "dist/editor-themes/$theme.css", $plugin->file ), [ 'code-editor' ], $plugin->version ); } } /** * Retrieve a list of the available CodeMirror themes. * * @return array The available themes. */ function get_editor_themes(): array { static $themes = null; if ( ! is_null( $themes ) ) { return $themes; } $themes = array(); $themes_dir = plugin_dir_path( PLUGIN_FILE ) . 'dist/editor-themes/'; $theme_files = glob( $themes_dir . '*.css' ); foreach ( $theme_files as $theme ) { $theme = str_replace( $themes_dir, '', $theme ); $theme = str_replace( '.css', '', $theme ); $themes[] = $theme; } return $themes; }