Skip to content

aitvineet/plugins

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Plugins

Open source library for various web based plugins.

Extended Rich Text Editor (Extended-RTE)

This projects aims at developing a web based plugin which would cater the needs of website developers for developing an independent HTML editor with rich text capabilities. Using this plugin will inturn reduce the development effort required to produce a complex web application with high user interactions. It can be easily customized as per requirements to suit the needs of different projects. The idea has been succesfully tetsted and implemented in other projects.

The Extended-RTE is comprised of some first of its kind features all packed in one plugin. Some features and benefits offered by this plugin are:

  1. Processing Hyperlinks with custom callback function support that can be used as RME(Rich media entry) suport for previewing summary data/thumbnail of pasted links.
  2. Rich Emoticons library integrated.
  3. Rich text editor (Basic HTML support).

Getting Started:

Use Git or checkout with SVN using the web URL. Copy extended-rte folder in your app for including editor plugin. https://github.com/aitvineet/plugins.git

Installing:

For Non-Angular Applications:

  1. Include script.cdn.js file to your index.html:
    <script type="text/javascript" src="https://gitcdn.link/repo/aitvineet/plugins/master/extended-rte/script.cdn.js"></script>
  2. Include rte-module to your HTML tag.
    <html ng-app="rte-module">
  3. Use <extended-Rte> tag where you whish to include the editor in your application.
    <extended-Rte edi-id="uniqueId" edi-model="modelVariable"></extended-Rte>

For Angular Applications:

  1. Include files(that are not already included in your app) from script.cdn.js file to your index.html.
  2. Include rte-module to Angular module.
    angular.module( "exampleApp", ["rte-module"])
  3. Use <extended-Rte> tag where you whish to include the editor in your application.
    <extended-Rte edi-id="uniqueId" edi-model="modelVariable"></extended-Rte>

Supported attributes inside editor tag:

  • edi-id="textareaID2" (Attribute Type = String | Unique Id assigned to every editor instance.)
  • edi-model="variable2" (Attribute Type = Variable(type String) | Unique Variable assigned to every editor instance which holds the final editor value i.e HTML code.)
  • char-count-limit="2500" (Attribute Type = int | Flag for showing the char count while you updating the editor's content)
  • linkcb="eRTE_handleRTELinkFn" (Attribute Type = Variable(type Function) | Callback function used for autolink detection and link processing)

Usage Examples:

Demo:

Authors: