• Címkék:
  • WYSIWYG
  • HTML
  • editor
  • szerkesztő
  • textarea

jHtmlArea

Példa

Metódusok:

Deklaráció

        $(document).ready(function(){
          $('#pelda').htmlarea({
            toolbar: [
              ['bold','italic','underline'],
              ['orderedList', 'unorderedList'],
              ['justifyLeft', 'justifyCenter', 'justifyRight', '|', 'indent', 'outdent'],
              ['link', 'unlink']
            ]
          });

          $('#btn-1').click(function () { $('#pelda').htmlarea('image', 'images/img1.jpg') });
          $('#btn-2').click(function () { $('#pelda').htmlarea('toggleHTMLView') });
          $('#btn-3').click(function () { $('#pelda').htmlarea('forecolor', '#ffa800') });
          $('#btn-4').click(function () { $('#pelda').htmlarea('dispose') });
          $('#btn-5').click(function () { $('#pelda').htmlarea() });
        });
      

HTML kód

        <textarea id="pelda">
          <h2>Lorem ipsum dolor sit amet</h2>
          <p>
            Consectetur adipiscing elit. Integer eu nisi purus, quis dapibus dolor. Suspendisse
            egestas, magna et laoreet tempor, arcu lorem venenatis tortor.
          </p>
        </textarea>

        <ul class="methods">
          <li><div id="btn-1">Kép beszúra</div></li>
          <li><div id="btn-2">HTML / WYSIWYG</div></li>
          <li><div id="btn-3">Szövegszín beállítása narancssárgára</div></li>
          <li><div id="btn-4">A plugin eltávolítása</div></li>
          <li><div id="btn-5">A plugin visszaállítása alapbeállításokkal</div></li>
        </ul>
      

« bezár