LOEditor

LOEditor is a streamlined, adaptable WYSIWYG HTML editor that delivers clean markup and a straightforward JavaScript API. Developed in vanilla JavaScript and jQuery, it bypasses the outdated document.execCommand() method and instead offers a contemporary, plugin-driven structure for effortless integration into web applications.

LOEditor Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean <code>condimentum fermentum</code> fringilla. Nullam euismod velit non tristique finibus. Vestibulum quis sapien in odio finibus fermentum at id nunc. Proin maximus arcu non dui laoreet venenatis. Donec interdum dignissim euismod. Mauris ac dapibus elit. Nunc ornare pulvinar maximus. Praesent at convallis urna. Aliquam ac est a tellus suscipit iaculis.
<img src="/scripturi/samples/images/img-01.jpg"/>
Donec ac eleifend lectus, ultrices aliquam risus. Quisque nisl enim, ornare in nisi at, lacinia faucibus sapien. Quisque a tincidunt enim. Praesent ut mollis lorem, a maximus orci. Nam eget laoreet purus. Donec eu orci eget neque cursus auctor. Quisque feugiat sem eget ipsum rutrum, quis rutrum nunc lobortis. Donec auctor euismod fermentum. Aliquam fringilla consectetur iaculis. Curabitur consequat libero aliquam, porttitor odio at, facilisis justo. Pellentesque pharetra placerat sapien ut tincidunt. Mauris faucibus tincidunt sapien eget dictum. Mauris condimentum, arcu in tincidunt aliquam, felis felis egestas nulla, id bibendum purus ipsum eu enim.
Donec dictum, <a href="https://github.com/LacasuriOrtodoxe/LOEditor/">urna ut accumsan</a> molestie, mi quam sollicitudin ipsum, sit amet bibendum tortor leo non quam. In hac habitasse platea dictumst. Nulla id dignissim ex. Nullam tincidunt vulputate dolor, at semper quam tincidunt vitae. Fusce pellentesque tellus enim, eget ullamcorper massa scelerisque nec. In hac habitasse platea dictumst. Vivamus hendrerit, arcu at eleifend bibendum, magna eros egestas ex, ut rhoncus enim mauris sit amet elit. Suspendisse porta ornare quam, at vehicula lectus laoreet sed.
<hr/>
Vivamus ante nisi, finibus eget pellentesque in, laoreet ut erat. Nam fringilla risus lectus, id consequat ex rhoncus quis. Donec vitae nisl eu lectus aliquet interdum sed blandit ex. Maecenas nec turpis at nisi pulvinar tristique eu ut ipsum. Nulla ut tincidunt massa. In hac habitasse platea dictumst. Curabitur non turpis nisi.
<hr/>
<h2>Sample subtitle</h2>
Sed tincidunt urna a diam blandit, a venenatis metus efficitur. Pellentesque enim dui, mattis vel egestas in, vestibulum non justo. Morbi porttitor blandit orci at vulputate. Aliquam faucibus orci eros, in maximus nisl vestibulum sed. Etiam condimentum, orci et porta euismod, augue orci ornare quam, a accumsan elit mauris molestie justo. Donec elementum, purus ut vehicula vestibulum, erat tortor fringilla libero, vel lacinia ante libero sed magna. Nam pretium mi a sodales tristique. Etiam a sodales ex, eget dapibus quam.
<blockquote>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam ligula tellus, dictum a nibh viverra, blandit imperdiet metus. Duis vitae tellus ut lectus pretium fermentum quis accumsan orci. Phasellus at metus in diam elementum condimentum. Suspendisse potenti. Proin quis ante vestibulum ante convallis varius in non ipsum. Curabitur a dolor nisl.</blockquote>

LOEditor Installation

<script src="https://cdn.jsdelivr.net/gh/jquery/jquery@latest/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/LacasuriOrtodoxe/LOEditor@latest/loeditor.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/LacasuriOrtodoxe/LOEditor@latest/loeditor.min.css"/>

<textarea id="editor">Textarea sample</textarea>

<script>
$("#editor").LOEditor();
</script>