<!DOCTYPE html>
<html ng-app="rte-module">

  <head>

    <title>Extended-RTE</title>

    <script type="text/javascript" src="https://gitcdn.link/repo/aitvineet/plugins/dev/extended-rte/script.cdn.js"></script>

    <script>
      function eRTE_handleRTELinkFn( tempLink, eRTE_CBFn ) {
        if ( eRTE_CBFn ) {
          setTimeout(function(){
            eRTE_CBFn('<br/><div class="tinymcd-img"><b>Preview Heading</b><br/><span><img class="rem-preview" src="http://www.google.com/images/branding/googlelogo/1x/googlelogo_white_background_color_272x92dp.png">Preview Summary Text Preview Summary TextPreview Summary <a href="'+tempLink+'">'+tempLink+'</a> TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary TextPreview Summary Text</span><br/></div>');
          }, 999)
        }
      }
    </script>

  </head>

  <body>

    <p>Extended Rich Text Editor</p>
    <p>
      <a href="https://github.com/aitvineet/plugins.git">
        Repo Link
      </a>
    </p>
    <br/>
    <br/>

    <div>
      <label>Example 1</label>
      <extended-Rte edi-id="textareaID1" 
        edi-model="variable1" char-count-limit="2500" 
        linkcb="eRTE_handleRTELinkFn" >
      </extended-Rte>
      <br/>
    </div> 
    <div>
      <label>Example 2</label>
      <extended-Rte edi-id="textareaID2" 
        edi-model="variable2">
      </extended-Rte>
      <br/>
    </div>

  </body>

</html>
/* Add your styles here */