Templates
Template Setup Guides

ZQ RTE Plugin 2.0

Link to plugin page: https://zeroqode.com/plugin/zq-rich-text-editor-1527080205468x894712503856267300

Introduction

Completely rewritten from ground up, the RTE plugin just got smarter with new version 2.0. Lighter and more efficient code made the plugin element simple to use and feature rich.

Rich Text Editor toolbar comes equipped from bold, italic, underline options to attaching a link or uploading a file (image). Change the heading size or choose from more than 20 fonts.

This plugin supports lightweight mode, mentions, hashtags, pasting images from the clipboard and other useful features that make this plugin a really powerful WYSIWYG Editor.

Visual Elements

The plugin comes with 2 elements which can used.

ZQ RTE - is a clean, toolbar theme.

ZQ RTE lite - simple tooltip based theme.

Plugin Proprieties

Both elements ZQ RTE and ZQ RTE Lite have same set of proprieties.

  • Content - set initial content for RTE (can be either Static or Dynamic Data) ; Should be Text Type

  • Placeholder - set a placeholder text for RTE (can be either Static or Dynamic Data) ; Should be Text Type

  • Maximum Characters - set a limit for characters ; Should be a Number Type

  • Read Only - set the mode to make the RTE in Read Only

  • Mentions - set the datatype from Database for mentions ; Should be Text Type

  • Mentions Captions - set the Column name from the datatype for mentions

  • Mentions List - search through list of mentions from Database

  • Hashtags - set the datatype from Database for hashtags ; Should be Text Type

  • Hashtags Captions - set the Column name from the datatype for hashtags

  • Hashtags List - search through list of hashtags from Database

Please check that you set the correct type for mentions, hashtags and columns which will be used for displaying these respective values.

Plugin Actions

  • Enable User Input a ZQ Lite RTE - Enables Lite RTE element's input form

  • Disable User Input a ZQ Lite RTE - Disables Lite RTE element's input form

  • Focus RTE a ZQ Lite RTE - Focuses on Lite RTE element's input form

  • Blur RTE a ZQ Lite RTE - Removes focus from Lite RTE element's input form

  • Set Text a ZQ Lite RTE - Sets text value into Lite RTE element's input form

  • Update Content a ZQ Lite RTE - Updates the content of Lite RTE element's input form by setting the index , text and delete options for the action.

  • Delete Text a ZQ Lite RTE - Deletes text of Lite RTE element's input form by setting index and length in number type.

  • Reset a ZQ RTE - Resets the content of RTE element

  • Reset a ZQ Lite RTE - Resets the content of Lite RTE element

Plugin Events

  • A ZQ Lite RTE Selection Changed

  • A ZQ Lite RTE Text Changed

  • A ZQ Lite RTE Typing

  • A ZQ Lite RTE Stop Typing

  • A ZQ Lite RTE Limit Reached

  • A ZQ Lite RTE Focused

  • A ZQ Lite RTE Blur'ed

  • A ZQ Lite RTE Mention Clicked

  • A ZQ Lite RTE Hashtag Clicked

Plugin States

  • RTE Enabled

  • Last Selection

  • Text

  • Content Length

  • HTML

  • User Typing

  • Last Clicked Mention ID

  • Last Clicked Hashtag ID

  • Used Mentions ID's

  • Used Hashtags ID's

Demo to preview the settings: