ushio
/
video_system


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
							<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" />

  <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
  <link rel="stylesheet" href="../../css/froala_editor.pkgd.css">
  
  <!-- Code Mirror CSS file. -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css">

  <!-- Include the plugin CSS file. -->
  <link rel="stylesheet" href="../../css/plugins/code_view.css">

  <style>
    body {
      text-align: center;
    }

    div#editor {
      width: 81%;
      margin: auto;
      text-align: left;
    }

    .atwho-view-ul {
      text-align: left;
    }
  </style>
</head>

<body>
  <div id="editor">

    <div id="edit" style="margin-top: 30px;">
      <h1>Code Mirror</h1>

      <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Click the Code View button to
      see the editor content's HTML.

      <p>The code_view.min.js plugin can be used as is or you can use also use it together with Code Mirror. All there
        is to be done is to include the corresponding Code Mirror CSS and JS files.</p>
    </div>
  </div>

  <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.js"></script>
  <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/mode/xml/xml.min.js"></script>
  
  <script type="text/javascript" src="../../js/froala_editor.pkgd.min.js"></script>

  <script>
    (function () {
      const editorInstance = new FroalaEditor('#edit', {
        iconsTemplate: 'font_awesome_5'
      })
    })()

  </script>
</body>

</html>