Coder Social home page Coder Social logo

line-control's Introduction

LineControl Editor

LineControl allows you to add a beautiful, responsive and fast online Text Editor to your web application/site. LineControl is designed to work with Twitter Bootstrap and as a Jquery Plugin. To add the plugin to your project, just include the JS and CSS files to your HTML template:

<script src="editor.js"></script>
<link type="text/css" href="editor.css" rel="stylesheet"/>

and then in your script section just call:

var editor = $("#placeHolder").Editor();

Get Text from editor

$("#placeHolder").Editor("getText");

Set Text to editor

$("#placeHolder").Editor("setText", "Hello")

Dependencies

LineControl is built as a JQuery Plugin and supports Jquery 2.1.0. LineControl is also built for responsiveness and uses Twitter Bootstrap and Font-Awesome icons to render its Interface. The following is required for your LineControl to function perfectly

  • Jquery (2.1.0)
  • Twitter Bootstrap (3.1.1)
  • Font-Awesome (4.0.3)

###Browser Support LineControl uses HTML5 for some of its functions to deliver a faster user experience. LineControl works well for most Modern browsers:

  • Google Chrome
  • Mozilla Firefox
  • Safari
  • Internet Explorer (>=10)

Adding Custom Options

If you want to add custom Options to the editor just do:

editor('createMenuItem', {"text": "TouchGlasses", //Text replaces icon if its not available
                          "icon":"fa fa-glass", //This is a Font-Awesome Icon 
                          "tooltip": "Touch Glasses",
                          "custom": function(button, parameters){ 
                                        //Your Custom Function.
                                      alert("Cheers!!!");
                                    },
                          "params": {'option1':"value1"} //Any custom parameters you want to pass
                                                           //to your custom function.
 });

Read more about extending LineControl here

Authors and Contributors

LineControl is developed by Suyati Technologies. It is written and maintained by their Open Source Development Team:

  • Krishnanunni P N (@kpnunni)
  • Arun V B (@abalakrishnan)
  • Naveen Bos TM (@naveenbos)
  • Sujith Panikkam (@spanikkam)

Support or Contact

Have Suggestions? Want to give us something to do? Contact us at : [email protected]

line-control's People

Contributors

abalakrishnan avatar kpnunni avatar mortivor avatar nmohanan avatar socdream avatar tonyfrancis avatar xoneca avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.