Complete usage guide for AW Quick tag editor

Basic Usage

• Include the javascript file awQuickTag.js in your page using the code

  <code>&lt;script type=&quot;text/javascript&quot; src=&quot;Path to awQuickTag.js&quot;&gt;&lt;/script&gt;</code>

• Include the CSS file awQuickTag.css if required in your page using the code

  <code>&lt;link rel="stylesheet" href="Path to awQuickTag.css" type="text/css" media="screen" /&gt;</code>

• Add the buttons, links or images for the toolbar with the "onclick" value calling the function

  <code>awQuickTags ('ID of the textarea', 'Opening Tag', 'Closing Tag', 'Action');</code>

• Add the <textarea></textarea> tag below the buttons with a specific ID.
• Optionally add the

  <code>&lt;script type=&quot;text/javascript&quot;&gt;awQuickTagInitiliaze('ID of the textarea');&lt;/script&gt;</code>

  for the cookieing the toolbar.

awQuickTags() Function

The awQuickTags() is the main function for adding the code to the textarea. You should call this function by the onclick event as

<code>onclick=&quot;awQuickTags();&quot;</code>

This function has three parameters.

<code>awQuickTags('Param 1', 'Param 2', 'Param 3', 'Param 4');</code>

Param 1 :

ID of the <textarea> tag

Param 2 :

Opening Tag eg: <strong>

Param 3 :

Closing Tag eg: </strong>

Param 4 :

Action – Has Three actions and accepted values are

• '' – No value – For wrapping the selected text with Opening and Closing tag
• 'a' – Link – For adding link
• 'img' – Image – For adding Image
• 'replace' – Replace/Add – For replacing/adding text with the opening tag. The closing tag has no use when this action is used

Example

<code>awQuickTags('textBox', '&lt;strong&gt;', '&lt;/strong&gt;', '')</code>

Reference Buttons

<code><p>&lt;input type=&quot;button&quot; onClick=&quot;awQuickTags('aw_content','&lt;strong&gt;','&lt;/strong&gt;','');&quot; value=&quot;B&quot; title=&quot;Bold&quot;/&gt;</p><p>&lt;input type=&quot;button&quot; onClick=&quot;awQuickTags('aw_content','&lt;em&gt;','&lt;/em&gt;','');&quot; value=&quot;I&quot; title=&quot;Italic&quot;/&gt;</p><p>&lt;input type=&quot;button&quot; onClick=&quot;awQuickTags('aw_content','&lt;u&gt;','&lt;/u&gt;','');&quot; value=&quot;U&quot; title=&quot;Underline&quot;/&gt;</p></code>

Demo

See the demo here

Download

Click the link below to download AW Quick tag editor

• Features
• Screenshot and Demo
• Download