Вход Регистрация
Файл: Main Website Files/assets/js/froala_editor/examples/live_preview.html
Строк: 102
<?php
<!DOCTYPE html>
<
html>
<
head>
  <
meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <
link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <
link href="../css/froala_editor.min.css" rel="stylesheet" type="text/css">
  <
link href="../css/froala_style.min.css" rel="stylesheet" type="text/css">


    <
style>
        
body {
          
text-aligncenter;
        }

        
section {
          
width100%;
          
marginauto;
          
text-alignleft;
        }

        .
col {
          
padding10px;
          
floatleft;
          
widthcalc(50% - 20px);
        }
    </
style>
</
head>

<
body>
  <
section id="editor">
    <
div class="col">
      <
div id='edit' style="margin-top: 30px;">
        <
img class="fr-fir" src="../img/photo1.jpg" alt="Old Clock" width="300"/>

        <
h1>Click and edit</h1>

        <
p>Lorem ipsum dolor sit ametconsectetur adipiscing elitDonec facilisis diam in odio iaculis blanditNunc eu mauris sit amet purus viverra gravida ut a duiVivamus nec rutrum auguepharetra faucibus purusMaecenas non orci sagittisvehicula lorem etdignissim nuncSuspendisse suscipitdiam non varius facilisisenim libero tincidunt magnasit amet iaculis eros libero sit amet erosVestibulum a rhoncus felisNam lacus nullaconsequat ac lacus sit ametaccumsan pellentesque risusAenean viverra mi at urna mattis fermentumCurabitur porta metus in tortor elementumin semper nulla ullamcorperVestibulum mattis tempor tortor quis gravidaIn rhoncus risus nibhNullam condimentum dapibus massa vel fringillaSed hendrerit sed est quis facilisisUt sit amet nibh semPellentesque imperdiet mollis libero.</p>
      </
div>
    </
div>

    <
div class="col">
      <
div id="preview" class="froala-view"></div>
    </
div>
  </
section>

  <
script src="../js/libs/jquery-1.11.1.min.js"></script>
  <
script src="../js/froala_editor.min.js"></script>
  <!--[if 
lt IE 9]>
    <
script src="../js/froala_editor_ie8.min.js"></script>
  <![endif]-->
  <
script src="../js/plugins/tables.min.js"></script>
  <
script src="../js/plugins/urls.min.js"></script>
  <
script src="../js/plugins/lists.min.js"></script>
  <
script src="../js/plugins/colors.min.js"></script>
  <
script src="../js/plugins/font_family.min.js"></script>
  <
script src="../js/plugins/font_size.min.js"></script>
  <
script src="../js/plugins/block_styles.min.js"></script>
  <
script src="../js/plugins/media_manager.min.js"></script>
  <
script src="../js/plugins/video.min.js"></script>
  <
script src="../js/plugins/char_counter.min.js"></script>

  <
script>
      $(function(){
        $(
'#edit')
          .
editable({
            
inlineModefalse,
            
useClassestrue
          
})
          .
on('editable.contentChanged', function (eeditor) {
            $(
'#preview').html(editor.getHTML());
          })
      });
  </
script>
</
body>
</
html>
?>
Онлайн: 3
Реклама