}
248 | */
249 | component.widgetControls = {};
250 |
251 | /**
252 | * Handle widget being added or initialized for the first time at the widget-added event.
253 | *
254 | * @param {jQuery.Event} event - Event.
255 | * @param {jQuery} widgetContainer - Widget container element.
256 | * @returns {void}
257 | */
258 | component.handleWidgetAdded = function handleWidgetAdded( event, widgetContainer ) {
259 | var widgetForm, idBase, widgetControl, widgetId, animatedCheckDelay = 50, renderWhenAnimationDone, fieldContainer, syncContainer;
260 | widgetForm = widgetContainer.find( '> .widget-inside > .form, > .widget-inside > form' ); // Note: '.form' appears in the customizer, whereas 'form' on the widgets admin screen.
261 |
262 | idBase = widgetForm.find( '> .id_base' ).val();
263 | if ( -1 === component.idBases.indexOf( idBase ) ) {
264 | return;
265 | }
266 |
267 | // Prevent initializing already-added widgets.
268 | widgetId = widgetForm.find( '.widget-id' ).val();
269 | if ( component.widgetControls[ widgetId ] ) {
270 | return;
271 | }
272 |
273 | /*
274 | * Create a container element for the widget control fields.
275 | * This is inserted into the DOM immediately before the the .widget-content
276 | * element because the contents of this element are essentially "managed"
277 | * by PHP, where each widget update cause the entire element to be emptied
278 | * and replaced with the rendered output of WP_Widget::form() which is
279 | * sent back in Ajax request made to save/update the widget instance.
280 | * To prevent a "flash of replaced DOM elements and re-initialized JS
281 | * components", the JS template is rendered outside of the normal form
282 | * container.
283 | */
284 | fieldContainer = $( '
' );
285 | syncContainer = widgetContainer.find( '.widget-content:first' );
286 | syncContainer.before( fieldContainer );
287 |
288 | widgetControl = new component.CustomHtmlWidgetControl({
289 | el: fieldContainer,
290 | syncContainer: syncContainer
291 | });
292 |
293 | component.widgetControls[ widgetId ] = widgetControl;
294 |
295 | /*
296 | * Render the widget once the widget parent's container finishes animating,
297 | * as the widget-added event fires with a slideDown of the container.
298 | * This ensures that the textarea is visible and the editor can be initialized.
299 | */
300 | renderWhenAnimationDone = function() {
301 | if ( ! ( wp.customize ? widgetContainer.parent().hasClass( 'expanded' ) : widgetContainer.hasClass( 'open' ) ) ) { // Core merge: The wp.customize condition can be eliminated with this change being in core: https://github.com/xwp/wordpress-develop/pull/247/commits/5322387d
302 | setTimeout( renderWhenAnimationDone, animatedCheckDelay );
303 | } else {
304 | widgetControl.initializeEditor();
305 | }
306 | };
307 | renderWhenAnimationDone();
308 | };
309 |
310 | /**
311 | * Setup widget in accessibility mode.
312 | *
313 | * @returns {void}
314 | */
315 | component.setupAccessibleMode = function setupAccessibleMode() {
316 | var widgetForm, idBase, widgetControl, fieldContainer, syncContainer;
317 | widgetForm = $( '.editwidget > form' );
318 | if ( 0 === widgetForm.length ) {
319 | return;
320 | }
321 |
322 | idBase = widgetForm.find( '> .widget-control-actions > .id_base' ).val();
323 | if ( -1 === component.idBases.indexOf( idBase ) ) {
324 | return;
325 | }
326 |
327 | fieldContainer = $( '
' );
328 | syncContainer = widgetForm.find( '> .widget-inside' );
329 | syncContainer.before( fieldContainer );
330 |
331 | widgetControl = new component.CustomHtmlWidgetControl({
332 | el: fieldContainer,
333 | syncContainer: syncContainer
334 | });
335 |
336 | widgetControl.initializeEditor();
337 | };
338 |
339 | /**
340 | * Sync widget instance data sanitized from server back onto widget model.
341 | *
342 | * This gets called via the 'widget-updated' event when saving a widget from
343 | * the widgets admin screen and also via the 'widget-synced' event when making
344 | * a change to a widget in the customizer.
345 | *
346 | * @param {jQuery.Event} event - Event.
347 | * @param {jQuery} widgetContainer - Widget container element.
348 | * @returns {void}
349 | */
350 | component.handleWidgetUpdated = function handleWidgetUpdated( event, widgetContainer ) {
351 | var widgetForm, widgetId, widgetControl, idBase;
352 | widgetForm = widgetContainer.find( '> .widget-inside > .form, > .widget-inside > form' );
353 |
354 | idBase = widgetForm.find( '> .id_base' ).val();
355 | if ( -1 === component.idBases.indexOf( idBase ) ) {
356 | return;
357 | }
358 |
359 | widgetId = widgetForm.find( '> .widget-id' ).val();
360 | widgetControl = component.widgetControls[ widgetId ];
361 | if ( ! widgetControl ) {
362 | return;
363 | }
364 |
365 | widgetControl.updateFields();
366 | };
367 |
368 | /**
369 | * Initialize functionality.
370 | *
371 | * This function exists to prevent the JS file from having to boot itself.
372 | * When WordPress enqueues this script, it should have an inline script
373 | * attached which calls wp.textWidgets.init().
374 | *
375 | * @param {object} settings - Options for code editor, exported from PHP.
376 | * @returns {void}
377 | */
378 | component.init = function init( settings ) {
379 | var $document = $( document );
380 | _.extend( component.codeEditorSettings, settings );
381 |
382 | $document.on( 'widget-added', component.handleWidgetAdded );
383 | $document.on( 'widget-synced widget-updated', component.handleWidgetUpdated );
384 |
385 | /*
386 | * Manually trigger widget-added events for media widgets on the admin
387 | * screen once they are expanded. The widget-added event is not triggered
388 | * for each pre-existing widget on the widgets admin screen like it is
389 | * on the customizer. Likewise, the customizer only triggers widget-added
390 | * when the widget is expanded to just-in-time construct the widget form
391 | * when it is actually going to be displayed. So the following implements
392 | * the same for the widgets admin screen, to invoke the widget-added
393 | * handler when a pre-existing media widget is expanded.
394 | */
395 | $( function initializeExistingWidgetContainers() {
396 | var widgetContainers;
397 | if ( 'widgets' !== window.pagenow ) {
398 | return;
399 | }
400 | widgetContainers = $( '.widgets-holder-wrap:not(#available-widgets)' ).find( 'div.widget' );
401 | widgetContainers.one( 'click.toggle-widget-expanded', function toggleWidgetExpanded() {
402 | var widgetContainer = $( this );
403 | component.handleWidgetAdded( new jQuery.Event( 'widget-added' ), widgetContainer );
404 | });
405 |
406 | // Accessibility mode.
407 | $( window ).on( 'load', function() {
408 | component.setupAccessibleMode();
409 | });
410 | });
411 | };
412 |
413 | return component;
414 | })( jQuery );
415 |
--------------------------------------------------------------------------------
/wp-admin/user-edit-addendum.php:
--------------------------------------------------------------------------------
1 |
32 |
33 |
35 |
43 |
44 |
2 |
3 |
4 | Artboard
5 | Created with Sketch.
6 |
7 |
8 |
11 |
13 |
17 |
18 |
19 |
20 |
22 |
23 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/wp-includes/customize-manager-addendum.php:
--------------------------------------------------------------------------------
1 | syntax_highlighting ) {
19 | return;
20 | }
21 |
22 | $section = $wp_customize->get_section( 'custom_css' );
23 | if ( ! $section ) {
24 | return;
25 | }
26 |
27 | // Remove default value from Custom CSS setting.
28 | foreach ( $wp_customize->settings() as $setting ) {
29 | if ( $setting instanceof WP_Customize_Custom_CSS_Setting ) {
30 | $setting->default = '';
31 | }
32 | }
33 |
34 | $section->description = '';
35 | $section->description .= __( 'Add your own CSS code here to customize the appearance and layout of your site.', 'better-code-editing' );
36 | $section->description .= sprintf(
37 | ' %2$s%3$s ',
38 | esc_url( __( 'https://codex.wordpress.org/CSS', 'default' ) ),
39 | __( 'Learn more about CSS', 'default' ),
40 | /* translators: accessibility text */
41 | __( '(opens in a new window)', 'default' )
42 | );
43 | $section->description .= '
';
44 |
45 | $section->description .= '' . __( 'When using a keyboard to navigate:', 'better-code-editing' ) . '
';
46 | $section->description .= '';
47 | $section->description .= '' . __( 'In the CSS edit field, Tab enters a tab character.', 'better-code-editing' ) . ' ';
48 | $section->description .= '' . __( 'To move keyboard focus, press Esc then Tab for the next element, or Esc then Shift+Tab for the previous element.', 'better-code-editing' ) . ' ';
49 | $section->description .= ' ';
50 |
51 | $section->description .= '';
52 | $section->description .= sprintf(
53 | /* translators: placeholder is link to user profile */
54 | __( 'The edit field automatically highlights code syntax. You can disable this in your %s to work in plain text mode.', 'better-code-editing' ),
55 | sprintf(
56 | ' %2$s%3$s ',
57 | esc_url( get_edit_profile_url() . '#syntax_highlighting' ),
58 | __( 'user profile', 'better-code-editing' ),
59 | /* translators: accessibility text */
60 | __( '(opens in a new window)', 'default' )
61 | )
62 | );
63 | $section->description .= '
';
64 |
65 | $section->description .= '';
66 | $section->description .= '' . __( 'Close', 'default' ) . ' ';
67 | $section->description .= '
';
68 | }
69 |
70 | /**
71 | * Enqueue assets for Customizer.
72 | *
73 | * @global WP_Customize_Manager $wp_customize
74 | */
75 | function _better_code_editing_customize_controls_enqueue_scripts() {
76 | global $wp_customize;
77 | $wp_customize->custom_css_code_editor_settings = wp_enqueue_code_editor( array(
78 | 'type' => 'text/css',
79 | ) );
80 | wp_add_inline_script( 'customize-controls', file_get_contents( dirname( BETTER_CODE_EDITING_PLUGIN_FILE ) . '/wp-admin/js/customize-controls-addendum.js' ) );
81 | }
82 |
83 | /**
84 | * Add Customizer integration.
85 | *
86 | * @see WP_Customize_Manager::customize_pane_settings()
87 | * @global WP_Customize_Manager $wp_customize
88 | */
89 | function _better_code_editing_amend_customize_pane_settings() {
90 | global $wp_customize;
91 | if ( empty( $wp_customize->custom_css_code_editor_settings ) ) {
92 | return;
93 | }
94 | $custom_css_setting = $wp_customize->get_setting( sprintf( 'custom_css[%s]', get_stylesheet() ) );
95 | if ( ! $custom_css_setting ) {
96 | return;
97 | }
98 |
99 | $settings = array(
100 | 'codeEditor' => $wp_customize->custom_css_code_editor_settings,
101 | );
102 |
103 | printf( ';', wp_json_encode( $settings ) );
104 |
105 | /* translators: placeholder is error count */
106 | $l10n = _n_noop( 'There is %d error which must be fixed before you can save.', 'There are %d errors which must be fixed before you can save.', 'better-code-editing' );
107 | printf( ';', wp_json_encode( wp_array_slice_assoc( $l10n, array( 'singular', 'plural' ) ) ) );
108 | }
109 |
--------------------------------------------------------------------------------
/wp-includes/general-template-addendum.php:
--------------------------------------------------------------------------------
1 | syntax_highlighting ) {
29 | return false;
30 | }
31 |
32 | $settings = array(
33 | 'codemirror' => array(
34 | 'indentUnit' => 4,
35 | 'indentWithTabs' => true,
36 | 'inputStyle' => 'contenteditable',
37 | 'lineNumbers' => true,
38 | 'lineWrapping' => true,
39 | 'styleActiveLine' => true,
40 | 'continueComments' => true,
41 | 'extraKeys' => array(
42 | 'Ctrl-Space' => 'autocomplete',
43 | 'Ctrl-/' => 'toggleComment',
44 | 'Cmd-/' => 'toggleComment',
45 | 'Alt-F' => 'findPersistent',
46 | ),
47 | 'direction' => 'ltr', // Code is shown in LTR even in RTL languages.
48 | ),
49 | 'csslint' => array(
50 | 'errors' => true, // Parsing errors.
51 | 'box-model' => true,
52 | 'display-property-grouping' => true,
53 | 'duplicate-properties' => true,
54 | 'known-properties' => true,
55 | 'outline-none' => true,
56 | ),
57 | 'jshint' => array(
58 | // The following are copied from .
59 | 'boss' => true,
60 | 'curly' => true,
61 | 'eqeqeq' => true,
62 | 'eqnull' => true,
63 | 'es3' => true,
64 | 'expr' => true,
65 | 'immed' => true,
66 | 'noarg' => true,
67 | 'nonbsp' => true,
68 | 'onevar' => true,
69 | 'quotmark' => 'single',
70 | 'trailing' => true,
71 | 'undef' => true,
72 | 'unused' => true,
73 |
74 | 'browser' => true,
75 |
76 | 'globals' => array(
77 | '_' => false,
78 | 'Backbone' => false,
79 | 'jQuery' => false,
80 | 'JSON' => false,
81 | 'wp' => false,
82 | ),
83 | ),
84 | 'htmlhint' => array(
85 | 'tagname-lowercase' => true,
86 | 'attr-lowercase' => true,
87 | 'attr-value-double-quotes' => true,
88 | 'doctype-first' => false,
89 | 'tag-pair' => true,
90 | 'spec-char-escape' => true,
91 | 'id-unique' => true,
92 | 'src-not-empty' => true,
93 | 'attr-no-duplication' => true,
94 | 'alt-require' => true,
95 | 'space-tab-mixed-disabled' => 'tab',
96 | 'attr-unsafe-chars' => true,
97 | ),
98 | );
99 |
100 | $type = '';
101 | if ( isset( $args['type'] ) ) {
102 | $type = $args['type'];
103 |
104 | // Remap MIME types to ones that CodeMirror modes will recognize.
105 | if ( 'application/x-patch' === $type || 'text/x-patch' === $type ) {
106 | $type = 'text/x-diff';
107 | }
108 | } elseif ( isset( $args['file'] ) && false !== strpos( basename( $args['file'] ), '.' ) ) {
109 | $extension = strtolower( pathinfo( $args['file'], PATHINFO_EXTENSION ) );
110 | foreach ( wp_get_mime_types() as $exts => $mime ) {
111 | if ( preg_match( '!^(' . $exts . ')$!i', $extension ) ) {
112 | $type = $mime;
113 | break;
114 | }
115 | }
116 |
117 | // Supply any types that are not matched by wp_get_mime_types().
118 | if ( empty( $type ) ) {
119 | switch ( $extension ) {
120 | case 'conf':
121 | $type = 'text/nginx';
122 | break;
123 | case 'css':
124 | $type = 'text/css';
125 | break;
126 | case 'diff':
127 | case 'patch':
128 | $type = 'text/x-diff';
129 | break;
130 | case 'html':
131 | case 'htm':
132 | $type = 'text/html';
133 | break;
134 | case 'http':
135 | $type = 'message/http';
136 | break;
137 | case 'js':
138 | $type = 'text/javascript';
139 | break;
140 | case 'json':
141 | $type = 'application/json';
142 | break;
143 | case 'jsx':
144 | $type = 'text/jsx';
145 | break;
146 | case 'less':
147 | $type = 'text/x-less';
148 | break;
149 | case 'md':
150 | $type = 'text/x-gfm';
151 | break;
152 | case 'php':
153 | case 'phtml':
154 | case 'php3':
155 | case 'php4':
156 | case 'php5':
157 | case 'php7':
158 | case 'phps':
159 | $type = 'application/x-httpd-php';
160 | break;
161 | case 'scss':
162 | $type = 'text/x-scss';
163 | break;
164 | case 'sass':
165 | $type = 'text/x-sass';
166 | break;
167 | case 'sh':
168 | case 'bash':
169 | $type = 'text/x-sh';
170 | break;
171 | case 'sql':
172 | $type = 'text/x-sql';
173 | break;
174 | case 'svg':
175 | $type = 'application/svg+xml';
176 | break;
177 | case 'xml':
178 | $type = 'text/xml';
179 | break;
180 | case 'yml':
181 | case 'yaml':
182 | $type = 'text/x-yaml';
183 | break;
184 | case 'txt':
185 | default:
186 | $type = 'text/plain';
187 | break;
188 | }
189 | }
190 | }
191 |
192 | if ( 'text/css' === $type ) {
193 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
194 | 'mode' => 'css',
195 | 'lint' => true,
196 | 'autoCloseBrackets' => true,
197 | 'matchBrackets' => true,
198 | ) );
199 | } elseif ( 'text/x-scss' === $type || 'text/x-less' === $type || 'text/x-sass' === $type ) {
200 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
201 | 'mode' => $type,
202 | 'autoCloseBrackets' => true,
203 | 'matchBrackets' => true,
204 | ) );
205 | } elseif ( 'text/x-diff' === $type ) {
206 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
207 | 'mode' => 'diff',
208 | ) );
209 | } elseif ( 'text/html' === $type ) {
210 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
211 | 'mode' => 'htmlmixed',
212 | 'lint' => true,
213 | 'autoCloseBrackets' => true,
214 | 'autoCloseTags' => true,
215 | 'matchTags' => array(
216 | 'bothTags' => true,
217 | ),
218 | ) );
219 |
220 | if ( ! current_user_can( 'unfiltered_html' ) ) {
221 | $settings['htmlhint']['kses'] = wp_kses_allowed_html( 'post' );
222 | }
223 | } elseif ( 'text/x-gfm' === $type ) {
224 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
225 | 'mode' => 'gfm',
226 | 'highlightFormatting' => true,
227 | ) );
228 | } elseif ( 'application/javascript' === $type || 'text/javascript' === $type ) {
229 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
230 | 'mode' => 'javascript',
231 | 'lint' => true,
232 | 'autoCloseBrackets' => true,
233 | 'matchBrackets' => true,
234 | ) );
235 | } elseif ( false !== strpos( $type, 'json' ) ) {
236 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
237 | 'mode' => array(
238 | 'name' => 'javascript',
239 | ),
240 | 'lint' => true,
241 | 'autoCloseBrackets' => true,
242 | 'matchBrackets' => true,
243 | ) );
244 | if ( 'application/ld+json' === $type ) {
245 | $settings['codemirror']['mode']['jsonld'] = true;
246 | } else {
247 | $settings['codemirror']['mode']['json'] = true;
248 | }
249 | } elseif ( false !== strpos( $type, 'jsx' ) ) {
250 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
251 | 'mode' => 'jsx',
252 | 'autoCloseBrackets' => true,
253 | 'matchBrackets' => true,
254 | ) );
255 | } elseif ( 'text/x-markdown' === $type ) {
256 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
257 | 'mode' => 'markdown',
258 | 'highlightFormatting' => true,
259 | ) );
260 | } elseif ( 'text/nginx' === $type ) {
261 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
262 | 'mode' => 'nginx',
263 | ) );
264 | } elseif ( 'application/x-httpd-php' === $type ) {
265 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
266 | 'mode' => 'php',
267 | 'autoCloseBrackets' => true,
268 | 'autoCloseTags' => true,
269 | 'matchBrackets' => true,
270 | 'matchTags' => array(
271 | 'bothTags' => true,
272 | ),
273 | ) );
274 | } elseif ( 'text/x-sql' === $type || 'text/x-mysql' === $type ) {
275 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
276 | 'mode' => 'sql',
277 | 'autoCloseBrackets' => true,
278 | 'matchBrackets' => true,
279 | ) );
280 | } elseif ( false !== strpos( $type, 'xml' ) ) {
281 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
282 | 'mode' => 'xml',
283 | 'autoCloseBrackets' => true,
284 | 'autoCloseTags' => true,
285 | 'matchTags' => array(
286 | 'bothTags' => true,
287 | ),
288 | ) );
289 | } elseif ( 'text/x-yaml' === $type ) {
290 | $settings['codemirror'] = array_merge( $settings['codemirror'], array(
291 | 'mode' => 'yaml',
292 | ) );
293 | } else {
294 | $settings['codemirror']['mode'] = $type;
295 | }
296 |
297 | if ( ! empty( $settings['codemirror']['lint'] ) ) {
298 | $settings['codemirror']['gutters'][] = 'CodeMirror-lint-markers';
299 | }
300 |
301 | // Let settings supplied via args override any defaults.
302 | if ( isset( $args['settings'] ) ) {
303 | foreach ( $args['settings'] as $key => $value ) {
304 | $settings[ $key ] = array_merge(
305 | $settings[ $key ],
306 | $value
307 | );
308 | }
309 | }
310 |
311 | /**
312 | * Filters settings that are passed into the code editor.
313 | *
314 | * Returning a falsey value will disable the syntax-highlighting code editor.
315 | *
316 | * @since 4.9.0
317 | *
318 | * @param array $settings The array of settings passed to the code editor. A falsey value disables the editor.
319 | * @param array $args {
320 | * Args passed when calling `wp_enqueue_code_editor()`.
321 | *
322 | * @type string $type The MIME type of the file to be edited.
323 | * @type string $file Filename being edited.
324 | * @type array $settings Settings to merge on top of defaults which derive from `$type` or `$file` args.
325 | * @type WP_Theme $theme Theme being edited when on theme editor.
326 | * @type string $plugin Plugin being edited when on plugin editor.
327 | * }
328 | */
329 | $settings = apply_filters( 'wp_code_editor_settings', $settings, $args );
330 |
331 | if ( empty( $settings ) || empty( $settings['codemirror'] ) ) {
332 | return false;
333 | }
334 |
335 | wp_enqueue_script( 'code-editor' );
336 | wp_enqueue_style( 'code-editor' );
337 |
338 | wp_enqueue_script( 'codemirror' );
339 | wp_enqueue_style( 'codemirror' );
340 |
341 | if ( isset( $settings['codemirror']['mode'] ) ) {
342 | $mode = $settings['codemirror']['mode'];
343 | if ( is_string( $mode ) ) {
344 | $mode = array(
345 | 'name' => $mode,
346 | );
347 | }
348 |
349 | if ( ! empty( $settings['codemirror']['lint'] ) ) {
350 | switch ( $mode['name'] ) {
351 | case 'css':
352 | case 'text/css':
353 | case 'text/x-scss':
354 | case 'text/x-less':
355 | wp_enqueue_script( 'csslint' );
356 | break;
357 | case 'htmlmixed':
358 | case 'text/html':
359 | case 'php':
360 | case 'application/x-httpd-php':
361 | case 'text/x-php':
362 | wp_enqueue_script( 'htmlhint' );
363 | wp_enqueue_script( 'csslint' );
364 | wp_enqueue_script( 'jshint' );
365 | if ( ! current_user_can( 'unfiltered_html' ) ) {
366 | wp_enqueue_script( 'htmlhint-kses' );
367 | }
368 | break;
369 | case 'javascript':
370 | case 'application/ecmascript':
371 | case 'application/json':
372 | case 'application/javascript':
373 | case 'application/ld+json':
374 | case 'text/typescript':
375 | case 'application/typescript':
376 | wp_enqueue_script( 'jshint' );
377 | wp_enqueue_script( 'jsonlint' );
378 | break;
379 | }
380 | }
381 | }
382 |
383 | wp_add_inline_script( 'code-editor', sprintf( 'jQuery.extend( wp.codeEditor.defaultSettings, %s );', wp_json_encode( $settings ) ) );
384 |
385 | /**
386 | * Fires when scripts and styles are enqueued for the code editor.
387 | *
388 | * @since 4.9.0
389 | *
390 | * @param array $settings Settings for the enqueued code editor.
391 | */
392 | do_action( 'wp_enqueue_code_editor', $settings );
393 |
394 | return $settings;
395 | }
396 |
--------------------------------------------------------------------------------
/wp-includes/js/codemirror/codemirror.manifest.js:
--------------------------------------------------------------------------------
1 | /* global require */
2 |
3 | var CodeMirror = require( '../../../node_modules/codemirror/lib/codemirror' );
4 |
5 | require( '../../../node_modules/codemirror/lib/codemirror.js' );
6 | require( '../../../node_modules/codemirror/keymap/emacs.js' );
7 | require( '../../../node_modules/codemirror/keymap/sublime.js' );
8 | require( '../../../node_modules/codemirror/keymap/vim.js' );
9 | require( '../../../node_modules/codemirror/addon/hint/show-hint.js' );
10 | require( '../../../node_modules/codemirror/addon/hint/anyword-hint.js' );
11 | require( '../../../node_modules/codemirror/addon/hint/css-hint.js' );
12 | require( '../../../node_modules/codemirror/addon/hint/html-hint.js' );
13 | require( '../../../node_modules/codemirror/addon/hint/javascript-hint.js' );
14 | require( '../../../node_modules/codemirror/addon/hint/sql-hint.js' );
15 | require( '../../../node_modules/codemirror/addon/hint/xml-hint.js' );
16 | require( '../../../node_modules/codemirror/addon/lint/lint.js' );
17 | require( '../../../node_modules/codemirror/addon/lint/css-lint.js' );
18 | require( '../../../node_modules/codemirror/addon/lint/html-lint.js' );
19 | require( '../../../node_modules/codemirror/addon/lint/javascript-lint.js' );
20 | require( '../../../node_modules/codemirror/addon/lint/json-lint.js' );
21 | require( '../../../node_modules/codemirror/addon/comment/comment.js' );
22 | require( '../../../node_modules/codemirror/addon/comment/continuecomment.js' );
23 | require( '../../../node_modules/codemirror/addon/fold/xml-fold.js' );
24 | require( '../../../node_modules/codemirror/addon/mode/overlay.js' );
25 | require( '../../../node_modules/codemirror/addon/edit/closebrackets.js' );
26 | require( '../../../node_modules/codemirror/addon/edit/closetag.js' );
27 | require( '../../../node_modules/codemirror/addon/edit/continuelist.js' );
28 | require( '../../../node_modules/codemirror/addon/edit/matchbrackets.js' );
29 | require( '../../../node_modules/codemirror/addon/edit/matchtags.js' );
30 | require( '../../../node_modules/codemirror/addon/edit/trailingspace.js' );
31 | require( '../../../node_modules/codemirror/addon/dialog/dialog.js' );
32 | require( '../../../node_modules/codemirror/addon/display/autorefresh.js' );
33 | require( '../../../node_modules/codemirror/addon/display/fullscreen.js' );
34 | require( '../../../node_modules/codemirror/addon/display/panel.js' );
35 | require( '../../../node_modules/codemirror/addon/display/placeholder.js' );
36 | require( '../../../node_modules/codemirror/addon/display/rulers.js' );
37 | require( '../../../node_modules/codemirror/addon/fold/brace-fold.js' );
38 | require( '../../../node_modules/codemirror/addon/fold/comment-fold.js' );
39 | require( '../../../node_modules/codemirror/addon/fold/foldcode.js' );
40 | require( '../../../node_modules/codemirror/addon/fold/foldgutter.js' );
41 | require( '../../../node_modules/codemirror/addon/fold/indent-fold.js' );
42 | require( '../../../node_modules/codemirror/addon/fold/markdown-fold.js' );
43 | require( '../../../node_modules/codemirror/addon/merge/merge.js' );
44 | require( '../../../node_modules/codemirror/addon/mode/loadmode.js' );
45 | require( '../../../node_modules/codemirror/addon/mode/multiplex.js' );
46 | require( '../../../node_modules/codemirror/addon/mode/simple.js' );
47 | require( '../../../node_modules/codemirror/addon/runmode/runmode.js' );
48 | require( '../../../node_modules/codemirror/addon/runmode/colorize.js' );
49 | require( '../../../node_modules/codemirror/addon/runmode/runmode-standalone.js' );
50 | require( '../../../node_modules/codemirror/addon/scroll/annotatescrollbar.js' );
51 | require( '../../../node_modules/codemirror/addon/scroll/scrollpastend.js' );
52 | require( '../../../node_modules/codemirror/addon/scroll/simplescrollbars.js' );
53 | require( '../../../node_modules/codemirror/addon/search/search.js' );
54 | require( '../../../node_modules/codemirror/addon/search/jump-to-line.js' );
55 | require( '../../../node_modules/codemirror/addon/search/match-highlighter.js' );
56 | require( '../../../node_modules/codemirror/addon/search/matchesonscrollbar.js' );
57 | require( '../../../node_modules/codemirror/addon/search/searchcursor.js' );
58 | require( '../../../node_modules/codemirror/addon/tern/tern.js' );
59 | require( '../../../node_modules/codemirror/addon/tern/worker.js' );
60 | require( '../../../node_modules/codemirror/addon/wrap/hardwrap.js' );
61 | require( '../../../node_modules/codemirror/addon/selection/active-line.js' );
62 | require( '../../../node_modules/codemirror/addon/selection/mark-selection.js' );
63 | require( '../../../node_modules/codemirror/addon/selection/selection-pointer.js' );
64 | require( '../../../node_modules/codemirror/mode/meta.js' );
65 | require( '../../../node_modules/codemirror/mode/clike/clike.js' );
66 | require( '../../../node_modules/codemirror/mode/css/css.js' );
67 | require( '../../../node_modules/codemirror/mode/diff/diff.js' );
68 | require( '../../../node_modules/codemirror/mode/htmlmixed/htmlmixed.js' );
69 | require( '../../../node_modules/codemirror/mode/http/http.js' );
70 | require( '../../../node_modules/codemirror/mode/javascript/javascript.js' );
71 | require( '../../../node_modules/codemirror/mode/jsx/jsx.js' );
72 | require( '../../../node_modules/codemirror/mode/markdown/markdown.js' );
73 | require( '../../../node_modules/codemirror/mode/gfm/gfm.js' );
74 | require( '../../../node_modules/codemirror/mode/nginx/nginx.js' );
75 | require( '../../../node_modules/codemirror/mode/php/php.js' );
76 | require( '../../../node_modules/codemirror/mode/sass/sass.js' );
77 | require( '../../../node_modules/codemirror/mode/shell/shell.js' );
78 | require( '../../../node_modules/codemirror/mode/sql/sql.js' );
79 | require( '../../../node_modules/codemirror/mode/xml/xml.js' );
80 | require( '../../../node_modules/codemirror/mode/yaml/yaml.js' );
81 |
82 | if ( ! window.wp ) {
83 | window.wp = {};
84 | }
85 | window.wp.CodeMirror = CodeMirror;
86 |
--------------------------------------------------------------------------------
/wp-includes/js/htmlhint-kses.js:
--------------------------------------------------------------------------------
1 | /* global HTMLHint */
2 | /* eslint no-magic-numbers: ["error", { "ignore": [0, 1] }] */
3 | HTMLHint.addRule({
4 | id: 'kses',
5 | description: 'Element or attribute cannot be used.',
6 | init: function( parser, reporter, options ) {
7 | 'use strict';
8 |
9 | var self = this;
10 | parser.addListener( 'tagstart', function( event ) {
11 | var attr, col, attrName, allowedAttributes, i, len, tagName;
12 |
13 | tagName = event.tagName.toLowerCase();
14 | if ( ! options[ tagName ] ) {
15 | reporter.error( 'Tag <' + event.tagName + '> is not allowed.', event.line, event.col, self, event.raw );
16 | return;
17 | }
18 |
19 | allowedAttributes = options[ tagName ];
20 | col = event.col + event.tagName.length + 1;
21 | for ( i = 0, len = event.attrs.length; i < len; i++ ) {
22 | attr = event.attrs[ i ];
23 | attrName = attr.name.toLowerCase();
24 | if ( ! allowedAttributes[ attrName ] ) {
25 | reporter.error( 'Tag attribute [' + attr.raw + ' ] is not allowed.', event.line, col + attr.index, self, attr.raw );
26 | }
27 | }
28 | });
29 | }
30 | });
31 |
--------------------------------------------------------------------------------
/wp-includes/script-loader-addendum.php:
--------------------------------------------------------------------------------
1 | add( 'codemirror', plugins_url( 'wp-includes/js/codemirror/codemirror.min.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array(), $codemirror_version );
20 |
21 | // The linting engines for the lint addons...
22 | $scripts->add( 'csslint', plugins_url( 'wp-includes/js/csslint.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array(), '1.0.5' );
23 | $scripts->add( 'jshint', plugins_url( 'wp-includes/js/jshint.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array(), '2.9.5' );
24 | $scripts->add( 'jsonlint', plugins_url( 'wp-includes/js/jsonlint.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array(), '1.6.2' );
25 | $scripts->add( 'htmlhint', plugins_url( 'wp-includes/js/htmlhint.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array(), '0.9.14-xwp' );
26 | $scripts->add( 'htmlhint-kses', plugins_url( 'wp-includes/js/htmlhint-kses.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array( 'htmlhint' ), BETTER_CODE_EDITING_PLUGIN_VERSION );
27 |
28 | $scripts->add( 'code-editor', plugins_url( 'wp-admin/js/code-editor.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array( 'jquery', 'codemirror' ), BETTER_CODE_EDITING_PLUGIN_VERSION );
29 |
30 | $scripts->add( 'custom-html-widgets', plugins_url( 'wp-admin/js/widgets/custom-html-widgets.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array( 'code-editor', 'jquery', 'backbone', 'wp-util', 'jquery-ui-core', 'wp-a11y' ), BETTER_CODE_EDITING_PLUGIN_VERSION );
31 | $scripts->add( 'wp-theme-plugin-editor', plugins_url( 'wp-admin/js/theme-plugin-editor.js', BETTER_CODE_EDITING_PLUGIN_FILE ), array( 'code-editor', 'jquery', 'jquery-ui-core', 'wp-a11y', 'underscore' ), BETTER_CODE_EDITING_PLUGIN_VERSION );
32 | }
33 |
34 | /**
35 | * Register styles.
36 | *
37 | * @param WP_Styles $styles Styles.
38 | */
39 | function _better_code_editing_register_styles( WP_Styles $styles ) {
40 | $codemirror_version = '5.29.1-alpha-ee20357-' . BETTER_CODE_EDITING_PLUGIN_VERSION;
41 |
42 | /*
43 | * Override common.css with patched version that has proper styling for CodeMirror and textarea.
44 | */
45 | $styles->registered['common']->src = plugins_url( 'wp-admin/css/common.css', BETTER_CODE_EDITING_PLUGIN_FILE );
46 | $styles->registered['common']->ver = BETTER_CODE_EDITING_PLUGIN_VERSION;
47 | unset( $styles->registered['common']->extra['suffix'] ); // Prevent minified version from being attempted.
48 |
49 | $styles->add( 'codemirror', plugins_url( 'wp-includes/js/codemirror/codemirror.min.css', BETTER_CODE_EDITING_PLUGIN_FILE ), array(), $codemirror_version );
50 | $styles->add( 'code-editor', plugins_url( 'wp-admin/css/code-editor.css', BETTER_CODE_EDITING_PLUGIN_FILE ), array( 'codemirror' ), BETTER_CODE_EDITING_PLUGIN_VERSION );
51 |
52 | // RTL CSS.
53 | $rtl_styles = array(
54 | 'code-editor',
55 | );
56 | foreach ( $rtl_styles as $rtl_style ) {
57 | $styles->add_data( $rtl_style, 'rtl', 'replace' );
58 | }
59 |
60 | // Patch the stylesheets.
61 | if ( function_exists( 'is_rtl' ) && is_rtl() && file_exists( plugin_dir_path( BETTER_CODE_EDITING_PLUGIN_FILE ) . 'wp-admin/css/common-rtl.css' ) ) {
62 | $suffix = '-rtl.css';
63 | } else {
64 | $suffix = '.css';
65 | }
66 | $styles->add_inline_style( 'widgets', file_get_contents( dirname( BETTER_CODE_EDITING_PLUGIN_FILE ) . '/wp-admin/css/widgets-addendum' . $suffix ) );
67 | $styles->add_inline_style( 'customize-controls', file_get_contents( dirname( BETTER_CODE_EDITING_PLUGIN_FILE ) . '/wp-admin/css/customize-controls-addendum' . $suffix ) );
68 | }
69 |
--------------------------------------------------------------------------------
/wp-includes/widgets-addendum.php:
--------------------------------------------------------------------------------
1 | registered ) {
36 | return;
37 | }
38 | $this->registered = true;
39 |
40 | wp_add_inline_script( 'custom-html-widgets', sprintf( 'wp.customHtmlWidgets.idBases.push( %s );', wp_json_encode( $this->id_base ) ) );
41 |
42 | // Note that the widgets component in the customizer will also do the 'admin_print_scripts-widgets.php' action in WP_Customize_Widgets::print_scripts().
43 | add_action( 'admin_print_scripts-widgets.php', array( $this, 'enqueue_admin_scripts' ) );
44 |
45 | // Note that the widgets component in the customizer will also do the 'admin_footer-widgets.php' action in WP_Customize_Widgets::print_footer_scripts().
46 | add_action( 'admin_footer-widgets.php', array( 'WP_Widget_Custom_HTML_CodeMirror', 'render_control_template_scripts' ) );
47 |
48 | // Note this action is used to ensure the help text is added to the end.
49 | add_action( 'admin_head-widgets.php', array( 'WP_Widget_Custom_HTML_CodeMirror', 'add_help_text' ) );
50 | }
51 |
52 | /**
53 | * Loads the required scripts and styles for the widget control.
54 | *
55 | * @since 4.9.0
56 | */
57 | public function enqueue_admin_scripts() {
58 | $settings = wp_enqueue_code_editor( array(
59 | 'type' => 'text/html',
60 | ) );
61 |
62 | wp_enqueue_script( 'custom-html-widgets' );
63 | if ( empty( $settings ) ) {
64 | $settings = array(
65 | 'disabled' => true,
66 | );
67 | }
68 | wp_add_inline_script( 'custom-html-widgets', sprintf( 'wp.customHtmlWidgets.init( %s );', wp_json_encode( $settings ) ), 'after' );
69 |
70 | $l10n = array(
71 | 'errorNotice' => wp_array_slice_assoc(
72 | /* translators: placeholder is error count */
73 | _n_noop( 'There is %d error which must be fixed before you can save.', 'There are %d errors which must be fixed before you can save.', 'better-code-editing' ),
74 | array( 'singular', 'plural' )
75 | ),
76 | );
77 | wp_add_inline_script( 'custom-html-widgets', sprintf( 'jQuery.extend( wp.customHtmlWidgets.l10n, %s );', wp_json_encode( $l10n ) ), 'after' );
78 | }
79 |
80 | /**
81 | * Outputs the Custom HTML widget settings form.
82 | *
83 | * @since 4.8.1
84 | *
85 | * @param array $instance Current instance.
86 | * @returns void
87 | */
88 | public function form( $instance ) {
89 | $instance = wp_parse_args( (array) $instance, $this->default_instance );
90 | ?>
91 | ' . __( 'When using a keyboard to navigate:', 'better-code-editing' ) . '
';
149 | $content .= '';
150 | $content .= '' . __( 'In the HTML edit field, Tab enters a tab character.', 'better-code-editing' ) . ' ';
151 | $content .= '' . __( 'To move keyboard focus, press Esc then Tab for the next element, or Esc then Shift+Tab for the previous element.', 'better-code-editing' ) . ' ';
152 | $content .= ' ';
153 |
154 | $content .= '';
155 | $content .= sprintf(
156 | /* translators: placeholder is link to user profile */
157 | __( 'The edit field automatically highlights code syntax. You can disable this in your %s to work in plan text mode.', 'better-code-editing' ),
158 | sprintf(
159 | ' %2$s%3$s ',
160 | esc_url( get_edit_profile_url() . '#syntax_highlighting' ),
161 | __( 'user profile', 'better-code-editing' ),
162 | /* translators: accessibility text */
163 | __( '(opens in a new window)', 'default' )
164 | )
165 | );
166 | $content .= '
';
167 |
168 | $screen->add_help_tab( array(
169 | 'id' => 'custom_html_widget',
170 | 'title' => __( 'Custom HTML Widget', 'better-code-editing' ),
171 | 'content' => $content,
172 | ) );
173 | }
174 | }
175 |
--------------------------------------------------------------------------------