Simple Rich Text editor
Creates a WYSIWYG text box that can be used to render rich text and export as html.
This project uses the following packages:
- jQuery -- Easy JavaScript selectors
- Font Awesome -- CSS icons
Add an iframe to your html and create a selector to load the srteditor when the document is read. Each srteditor can take an optional callback function for a submit button action, and is given the document inside of the event data var event.data.doc.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"></meta>
<title>
SRTEditor Example
</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="srteditor.min.js"></script>
<script>
$(document).ready(function () {
$("#srteditor").srteditor({
"Submit": function(e) {
console.log(e.data.doc.body.innerHTML);
}
}, "<h3>This is a test</h3>");
});
</script>
</head>
<body>
<iframe id="srteditor"></iframe>
</body>
</html>If you want to run the dev tools to help commits you can install NPM and run
bash setup-dev.shThese tools help:
- minify