Config editor for Automation and Scripts messes up with templates

[mikalauskas]

The problem

Config editor for Automation and Scripts messes up with templates
It changes " (double mark) to ' (one single mark)
and
' (one single mark) to '' (two single marks)
which causes value_template or any other template invalid (no errors but doesn't work)

Also if value_template or any other template is very long, it adds \n and whitespaces with messed up quote marks

Environment

• Home Assistant release with the issue: 0.107.6
• Last working Home Assistant release (if known): none
• Operating environment (Hass.io/Docker/Windows/etc.): Linux, Python3.8.0 virtualenv
• Integration causing this issue: components.config
• Link to integration documentation on our website: https://www.home-assistant.io/integrations/config

Problem-relevant configuration.yaml

### Before using Config Editor
...
    - condition: template
      value_template: "{{ states('media_player.media_livingroom') != 'playing' and states('media_player.media_livingroom') != 'paused' }}"
...
###

### After using Config Editor
...
    - condition: template
      value_template: '{{ states(''media_player.media_livingroom'') != ''playing'' and states(''media_player.media_livingroom'') != ''paused'' }}'
...
###

Traceback/Error logs

Additional information

Also with this too:

### Before using Config Editor
...
    - condition: state
      entity_id: sensor.sun
      state: "sunset"
...
###

### After using Config Editor
...
    - condition: state
      entity_id: sensor.sun
      state: ''sunset''
...
###

[probot-home-assistant]

Hey there @home-assistant/core, mind taking a look at this issue as its been labeled with a integration (config) you are listed as a codeowner for? Thanks!

[frenck]

Duplicate of home-assistant/frontend#5038