test.html

<div class="lesson__box" data-v-74c6614e="">
   <div class="lesson__nav nav" data-v-62856932="" data-v-74c6614e="">
      <div class="nav__title" data-v-62856932=""><span class="nav__title-count" data-v-62856932="">1/2</span>
         Урок 1 Тема 2
      </div>
      <div class="nav__actions" data-v-62856932="">
         <a href="#" class="nav__actions-prev" data-v-62856932="">
            <svg data-v-62856932="" viewBox="0 0 20 20" preserveAspectRatio="none" class="svg-icon svg-icon--arrow-left-filled" style="width: 1em;">
               <path xmlns="http://www.w3.org/2000/svg" d="M10 0.579956C14.3839 0.579956 18.2949 3.73092 19.2119 8.02164C19.6701 10.1656 19.3615 12.4453 18.3393 14.3852C17.3555 16.2522 15.7427 17.7611 13.8131 18.6162C11.806 19.5059 9.50179 19.6609 7.39219 19.0542C5.35699 18.4691 3.55243 17.1848 2.32387 15.4609C-0.244852 11.8568 0.098587 6.79428 3.12067 3.56484C4.89187 1.6722 7.40755 0.579956 10 0.579956ZM5.48107 10.5032L8.04907 13.1332C8.69923 13.7992 9.72691 12.7902 9.07939 12.1273L7.78363 10.8004H13.9243C14.3603 10.8004 14.7242 10.4363 14.7242 10.0004C14.7242 9.5646 14.3601 9.20052 13.9243 9.20052H7.81435L9.13579 7.87932C9.79243 7.22268 8.77435 6.20436 8.11771 6.861L5.48707 9.4914C5.20819 9.77004 5.20555 10.2212 5.48107 10.5032Z"></path>
            </svg>
            <span data-v-62856932="">Предыдущий урок</span>
         </a>
         <a href="#" class="nav__actions-next" data-v-62856932="">
            <span data-v-62856932="">Следующий урок</span> 
            <svg data-v-62856932="" viewBox="0 0 20 20" preserveAspectRatio="none" class="svg-icon svg-icon--arrow-right-filled" style="width: 1em;">
               <path xmlns="http://www.w3.org/2000/svg" d="M9.99997 0.579956C5.61613 0.579956 1.70509 3.73092 0.788054 8.02164C0.329894 10.1656 0.638534 12.4453 1.66069 14.3852C2.64445 16.2522 4.25725 17.7611 6.18685 18.6162C8.19397 19.5059 10.4982 19.6609 12.6078 19.0542C14.643 18.4691 16.4476 17.1848 17.6761 15.4609C20.2449 11.8568 19.9014 6.79428 16.8793 3.56484C15.1081 1.6722 12.5925 0.579956 9.99997 0.579956ZM14.5189 10.5032L11.9509 13.1332C11.3008 13.7992 10.2731 12.7902 10.9206 12.1273L12.2164 10.8004H6.07573C5.63965 10.8004 5.27581 10.4363 5.27581 10.0004C5.27581 9.5646 5.63989 9.20052 6.07573 9.20052H12.1857L10.8642 7.87932C10.2076 7.22268 11.2257 6.20436 11.8823 6.861L14.5129 9.4914C14.7918 9.77004 14.7945 10.2212 14.5189 10.5032Z"></path>
            </svg>
         </a>
      </div>
   </div>
   <div class="lesson__section is-active" data-v-74c6614e="">
      <div class="lesson__body markdown-body" data-v-74c6614e="">
         <h1 id="211">Заголовок фрагмента 2.1.1</h1>
         <p>Контент фрагмента 2.1.1</p>
      </div>
      Lesson: {
      "current": {
      "pk": 3,
      "status": 3
      },
      "next": {
      "pk": 4,
      "status": 1
      },
      "prev": {
      "pk": 24,
      "status": 3
      }
      }<br data-v-74c6614e="">
      Theme: {
      "current": {
      "pk": 2,
      "status": 3
      },
      "next": {
      "pk": 3,
      "status": 1
      },
      "prev": {
      "pk": 1,
      "status": 3
      }
      }
      <div data-v-208d2908="" data-v-74c6614e="" class="brython">
         <!----> 
         <div data-v-208d2908="" id="container__8" class="brython__editor">
            <div data-v-208d2908="" class="brython__actions">
               <button data-v-208d2908="" id="run__8" class="run_stdin brython__run">
                  <svg data-v-208d2908="" viewBox="0 0 24 24" preserveAspectRatio="none" class="svg-icon svg-icon--run-code" style="width: 1em;">
                     <path xmlns="http://www.w3.org/2000/svg" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM9.5 14.67V9.33C9.5 8.54 10.38 8.06 11.04 8.49L15.19 11.16C15.8 11.55 15.8 12.45 15.19 12.84L11.04 15.51C10.38 15.94 9.5 15.46 9.5 14.67Z"></path>
                  </svg>
                  <span data-v-208d2908="">Запустить</span>
               </button>
            </div>
            <div data-v-208d2908="" class="brython__main">
               <textarea data-v-208d2908="" id="editor__8" class="editor__block brython__editor-main" style="display: none;">print('WOW!')</textarea>
               <div class="CodeMirror cm-s-default">
                  <div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 16px; left: 20px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div>
                  <div class="CodeMirror-vscrollbar" tabindex="-1" cm-not-content="true">
                     <div style="min-width: 1px; height: 0px;"></div>
                  </div>
                  <div class="CodeMirror-hscrollbar" tabindex="-1" cm-not-content="true">
                     <div style="height: 100%; min-height: 1px; width: 0px;"></div>
                  </div>
                  <div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div>
                  <div class="CodeMirror-gutter-filler" cm-not-content="true"></div>
                  <div class="CodeMirror-scroll" tabindex="-1">
                     <div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: -4px; border-right-width: 46px; min-height: 30px; min-width: 124.062px; padding-right: 0px; padding-bottom: 0px;">
                        <div style="position: relative; top: 0px;">
                           <div class="CodeMirror-lines" role="presentation">
                              <div role="presentation" style="position: relative; outline: none;">
                                 <div class="CodeMirror-measure">
                                    <pre class="CodeMirror-line-like"><span>xxxxxxxxxx</span></pre>
                                 </div>
                                 <div class="CodeMirror-measure"></div>
                                 <div style="position: relative; z-index: 1;"></div>
                                 <div class="CodeMirror-cursors">
                                    <div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 22px;">&nbsp;</div>
                                 </div>
                                 <div class="CodeMirror-code" role="presentation">
                                    <pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-builtin">print</span>(<span class="cm-string">'WOW!'</span>)</span></pre>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div style="position: absolute; height: 46px; width: 1px; border-bottom: 0px solid transparent; top: 30px;"></div>
                     <div class="CodeMirror-gutters" style="display: none; height: 76px;"></div>
                  </div>
               </div>
               <div data-v-208d2908="" class="brython__console"><textarea data-v-208d2908="" id="console__8" readonly="readonly" autocomplete="off" class="console__stdout"></textarea></div>
            </div>
         </div>
      </div>
      <div class="lesson__actions" data-v-74c6614e="">
         <button class="button primary regular" data-v-c0bee43c="" data-v-74c6614e="">
            Продолжить <!---->
         </button>
         <button class="button outline regular" data-v-c0bee43c="" data-v-74c6614e="">
            Задать вопрос  <!---->
         </button>
      </div>
   </div>
   <div class="lesson__section" data-v-74c6614e="">
      <div class="lesson__body markdown-body" data-v-74c6614e="">
         <h1 id="212">Заголовок фрагмента 2.1.2</h1>
         <p>Контент фрагмента 2.1.2</p>
      </div>
      Lesson: {
      "current": {
      "pk": 3,
      "status": 3
      },
      "next": {
      "pk": 4,
      "status": 1
      },
      "prev": {
      "pk": 24,
      "status": 3
      }
      }<br data-v-74c6614e="">
      Theme: {
      "current": {
      "pk": 2,
      "status": 3
      },
      "next": {
      "pk": 3,
      "status": 1
      },
      "prev": {
      "pk": 1,
      "status": 3
      }
      }
      <div data-v-208d2908="" data-v-74c6614e="" class="brython">
         <!----> 
         <div data-v-208d2908="" id="container__9" class="brython__editor">
            <div data-v-208d2908="" class="brython__actions">
               <button data-v-208d2908="" id="run__9" class="run_stdin brython__run">
                  <svg data-v-208d2908="" viewBox="0 0 24 24" preserveAspectRatio="none" class="svg-icon svg-icon--run-code" style="width: 1em;">
                     <path xmlns="http://www.w3.org/2000/svg" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM9.5 14.67V9.33C9.5 8.54 10.38 8.06 11.04 8.49L15.19 11.16C15.8 11.55 15.8 12.45 15.19 12.84L11.04 15.51C10.38 15.94 9.5 15.46 9.5 14.67Z"></path>
                  </svg>
                  <span data-v-208d2908="">Запустить</span>
               </button>
            </div>
            <div data-v-208d2908="" class="brython__main">
               <textarea data-v-208d2908="" id="editor__9" class="editor__block brython__editor-main" style="display: none;">print('WOW!')</textarea>
               <div class="CodeMirror cm-s-default">
                  <div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div>
                  <div class="CodeMirror-vscrollbar" tabindex="-1" cm-not-content="true">
                     <div style="min-width: 1px;"></div>
                  </div>
                  <div class="CodeMirror-hscrollbar" tabindex="-1" cm-not-content="true">
                     <div style="height: 100%; min-height: 1px;"></div>
                  </div>
                  <div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div>
                  <div class="CodeMirror-gutter-filler" cm-not-content="true"></div>
                  <div class="CodeMirror-scroll" tabindex="-1">
                     <div class="CodeMirror-sizer" style="margin-left: 0px; min-width: 3px;">
                        <div style="position: relative;">
                           <div class="CodeMirror-lines" role="presentation">
                              <div role="presentation" style="position: relative; outline: none;">
                                 <div class="CodeMirror-measure"></div>
                                 <div class="CodeMirror-measure">
                                    <pre class="CodeMirror-line" role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-builtin">print</span>(<span class="cm-string">'WOW!'</span>)</span></pre>
                                 </div>
                                 <div style="position: relative; z-index: 1;"></div>
                                 <div class="CodeMirror-cursors"></div>
                                 <div class="CodeMirror-code" role="presentation"></div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div style="position: absolute; height: 50px; width: 1px;"></div>
                     <div class="CodeMirror-gutters" style="display: none;"></div>
                  </div>
               </div>
               <div data-v-208d2908="" class="brython__console"><textarea data-v-208d2908="" id="console__9" readonly="readonly" autocomplete="off" class="console__stdout"></textarea></div>
            </div>
         </div>
      </div>
      <div class="lesson__actions" data-v-74c6614e="">
         <button class="button primary regular" data-v-c0bee43c="" data-v-74c6614e="">
            Продолжить <!---->
         </button>
         <button class="button outline regular" data-v-c0bee43c="" data-v-74c6614e="">
            Задать вопрос  <!---->
         </button>
      </div>
   </div>
</div>