Refine user interface

[ruibaby]

Some user interface improvements

1. Use codemirror to edit text diagram code

   

2. Display mermaid error

   

3. Add fullscreen feature

   

4. Add documentation link

   

/kind improvements

优化 UI 界面，提升易用性

[f2c-ci-robot]

@ruibaby: The label(s) kind/improvements cannot be applied, because the repository doesn't have them.

In response to this:

Some user interface improvements

1. Use codemirror to edit text diagram code

   

2. Display mermaid error

   

3. Add fullscreen feature

   

4. Add documentation link

   

/kind improvements

优化 UI 界面，提升易用性

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[ruibaby]

After this, we can try adding syntax support for Mermaid and PlantUML in Codemirror. There is already a library available that supports Mermaid syntax: https://github.com/inspirnathan/codemirror-lang-mermaid

[JohnNiang]

/approve

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: JohnNiang

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [JohnNiang]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[guqing]

/lgtm