Test WYSIWYG Editor

function initToolbarBootstrapBindings() { var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier', 'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times', 'Times New Roman', 'Verdana'], fontTarget = $('[title=Font]').siblings('.dropdown-menu'); $.each(fonts, function (idx, fontName) { fontTarget.append($('
  • '+fontName + '
    • ')); }); $('a[title]').tooltip({container:'body'}); $('.dropdown-menu input').click(function() {return false;}) .change(function () {$(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle');}) .keydown('esc', function () {this.value='';$(this).change();}); $('[data-role=magic-overlay]').each(function () { var overlay = $(this), target = $(overlay.data('target')); overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight()); }); if ("onwebkitspeechchange" in document.createElement("input")) { var editorOffset = $('#editor').offset(); $('#voiceBtn').css('position','absolute').offset({top: editorOffset.top, left: editorOffset.left+$('#editor').innerWidth()-35}); } else { $('#voiceBtn').hide(); } }; function showErrorAlert (reason, detail) { var msg=''; if (reason==='unsupported-file-type') { msg = "Unsupported format " +detail; } else { console.log("error uploading file", reason, detail); } $('
    '+ 'File upload error '+msg+'
    ').prependTo('#alerts'); }; initToolbarBootstrapBindings(); //$('#editor').wysiwyg({ fileUploadError: showErrorAlert} ); $(".wysiwig-editor").wysiwyg();

    Static test

    Head 2

    Just a test to show WYSIWYG Editor www.airclip.de

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nunc tortor, hendrerit in mi vel, venenatis interdum ipsum. Duis sit amet sodales lectus, id tincidunt nulla. Mauris lectus sem, pellentesque et imperdiet sed, pulvinar pretium odio. Ut varius tempor nibh, ut molestie nulla tincidunt quis. Praesent malesuada et neque vel ultricies. Curabitur mollis molestie dui et varius. Phasellus ac libero urna. Nunc fermentum tempor tempor. Fusce ultrices ultrices metus at posuere. Integer aliquet augue sit amet malesuada aliquet.

    Vivamus tempor consectetur lorem, id sodales justo rutrum eu. Nam urna ipsum, suscipit quis nisi ac, placerat consequat ante.

    • Maecenas laoreet pretium augue luctus ultricies.
    • Aliquam at volutpat tellus, ac suscipit ex.
    • Nullam id est eu tellus laoreet faucibus.
    • Sed vel odio vitae lacus tincidunt aliquam.
    1. Etiam posuere lacinia tellus, sit amet commodo ante venenatis id.
    2. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris feugiat mauris ac ligula congue, in tincidunt nibh tempor.
    3. Integer eget molestie ligula, vel cursus nibh.
    4. Aenean efficitur, nibh sit amet semper accumsan, justo dui consequat nisl, et pharetra nunc lacus blandit metus.
    5. Sed risus massa, finibus id ornare ac, aliquet id lacus.