The User Contributed Notes comment form should use `wp_editor()` instead of a textarea

[DrewAPicture]

To aid in formatting the non-code portions of User Contributed Notes in the Code Reference articles, we should leverage a wp_editor() instance with a few formatting buttons instead of a vanilla textarea element.

Patch attached.

[DrewAPicture]

Attached before and after screenshots.

[samuelsidler]

Does the code button output <code> or <pre>? I think we want it to do the former. Related: Is there any way we can turn on the [php] and [html] shortcodes for larger examples? (Or perhaps create buttons for them?)

I know that makes this more complicated. Maybe land as-is and file a follow up to do the above?

[DrewAPicture]

quicktags buttons

[DrewAPicture]

Replying to samuelsidler:

Does the code button output <code> or <pre>? I think we want it to do the former. Related: Is there any way we can turn on the [php] and [html] shortcodes for larger examples? (Or perhaps create buttons for them?)

I know that makes this more complicated. Maybe land as-is and file a follow up to do the above?

Actually, yes, I was just working on that :-)

692.2.diff​ incorporates php and js buttons that wrap selected text in [php][/php] and [js][/js] tags. Just try to ignore the whack font-smoothing Firefox is giving off.

[DrewAPicture]

inline code button

[DrewAPicture]

692.3.diff​ adds an 'inline code' button which has the exact same behavior of the default code button but re-adding it allows us to control the button label. This would cover the cases of wanting to highlight inline code examples.

[DrewAPicture]

Helper text adjustments

[coffee2code]

In 988:

Use wp_editor() instead of a textarea for user contributed notes comment form.

Includes php, js, inline code QuickTag buttons.

fixes #692.
props DrewAPicture.

[DrewAPicture]

unused code

[DrewAPicture]

Looks like some unused code mistakenly snuck in to [988]. The initial approach was to add buttons via mce_buttons|plugins, but eventually we went the quicktags route, so that old code just never got removed. See 692.5.diff​.

[coffee2code]

In 989:

developer.wordpress.org: remove unused code added in r988

fixes #692.
props DrewAPicture.