Replace TextArea cloud-init input with a Code Editor in Virtual Image modal

Description:
It would be helpful to have a code editor with line numbers in the virtual image add/edit modal, specifically for the Cloud-Init User Data field. It would also be helpful if there was better validation within the form itself before it is saved and the ability to view non-printable characters.


Example/Use case(s):

  • Helpful for ensuring that a structurally valid YAML object is entered
  • Trap validation errors in the form instead of waiting until the image is used for provisioning
  • Eliminates validation errors in logs due to bad YAML e.g. as a result of an extra space or other erroneous character somewhere in the config
  • Easier to scroll and view data

Current Virtual Image modal: