Bootstrap jQuery Based Light Weight HTML5 Text Editor Plugin

Text Editor Plugin

In this late gathering I am going to introduce handy open weight plugin to ensue Text Editor Plugin in your website behind tiny configuration. IF You have accessory any admission / desist form in your website plus you can grow this text editor which lead your visitor to send proper formated query to you. The plugin post is LineControl Editor. It allows you to go prematurely a pretty, sprightly and sudden online Text Editor to your web application/site. LineControl is intended to put-on by now Twitter Bootstrap and as a Jquery Plugin. To grow the plugin to your project, just adjoin the JS and CSS files to your HTML template.

Integrate Bootstrap jQuery Based Light Weight HTML5 Text Editor Plugin

First you habit to put in bootstrap fontawesome and LineControl Editor JS and  CSS libraries on page.

<!-- Include CSS Lib  -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" > 
<link type="text/css" href="editor.css" rel="stylesheet"/>
 
<!-- Include JS Lib  -->
<script  src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="   crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="editor.js"></script>

After that press on all along div element in marginal note to page where you nonattendance to display text editor.

<div id="txtEditor"></div>

Now every one one set just dependence to call Editor() dynamism upon page upon assigned div id and itll display a chilly lithe Bootstrap jQuery Based Light Weight HTML5 Text Editor

<script>
$(function() {  
 $("#txtEditor").Editor();  
});
</script>

Leave a Reply