=== WordPress captcha contact form with frontend TinyMCE editor === Contributors: donimedia Author URI: http://donicaptcha.donimedia-servicetique.net/ Plugin URI: http://donicaptcha.donimedia-servicetique.net/?p=75 Tags: captcha, captcha form, contact, contact form, custom forms, editor, email, feedback, form, Formatting, javascript, jquery, modal, multilingual, plugin, bot, antispam, anti-spam, security, spam, TinyMCE, visual editor, web form, widget, write, wysiwyg, admin, button, buttons, color, copy, custom, cut, emoticons, emotions, excerpt, font, font color, font select, font style, html, image, images, link, links, paste, Post, posts, preview, replace, search, smiley, smilies, smily, Style, styles, wordpress captcha, wordpress captcha form, wordpress contact, wordpress contact form , wordpress TinyMCE, wordpress TinyMCE editor, wordpress editor, wordpress visual editor Donate link: http://donicaptcha.donimedia-servicetique.net/ Requires at least: 3.0.1 Tested up to: 3.3.1 Stable tag: 1.0.0 Customizable WordPress captcha contact form with frontend TinyMCE editor . == Description == Wordpress captcha contact form with frontend TinyMCE editor is a widget which allows to display , on your wordpress website , a customizable contact form . Wordpress captcha contact form with frontend TinyMCE editor widget is distinguished by a prefix to avoid conflicts in database Options table . [Newsletter](http://www.donimedia-servicetique.net/newsletters "Newsletter about Wordpress Social Facebook All In One widget") | [Forum](http://www.donimedia-servicetique.net/support-forum-donimedia-servicetique-cms-extensions "Forum about Wordpress Social Facebook All In One widget") = [ LIVE DEMOS ] = * [LIVE DEMO 1 ( For a Wide Sidebar Wordpress website )](http://donicaptcha.donimedia-servicetique.net/?p=75 "Wordpress captcha contact form with frontend TinyMCE editor widget Live Demo for a Wide Sidebar Wordpress website") * [LIVE DEMO 2 ( For a Small Sidebar Wordpress website )](http://donicaptcha-small-sidebar.donimedia-servicetique.net/?p=60 "Wordpress captcha contact form with frontend TinyMCE editor widget Live Demo for a Small Sidebar Wordpress website") = [ CUSTOMIZE LABELS and ERROR MESSAGES TRANSLATIONS ] = Through plugin admin panel , user can modify or translate both captcha contact form labels and its error messages , at his convenience . These **labels** are : * Wordpress captcha contact form widget **title** * Wordpress captcha contact form widget **"e-mail address"** label * Wordpress captcha contact form widget **"e-mail subject"** label * Wordpress captcha contact form widget **"attachment extensions limits"** label * Wordpress captcha contact form widget **"captcha Instructions"** label These **error messages** are : * Wordpress captcha contact form **"Attachment size"** error message * Wordpress captcha contact form **"Attachment extension"** error message * Wordpress captcha contact form **"Mail not sent"** error message * Wordpress captcha contact form widget **"captcha not valid"** error message * Wordpress captcha contact form widget **"email not valid"** error message = [ CUSTOMIZE the CAPTCHA CONTACT FORM EDITOR ] = Wordpress captcha contact form with frontend TinyMCE editor uses javascripts of the famous GNU LGPL TinyMCE Editor . **Regarding plugin administrator** , Wordpress captcha contact form with frontend TinyMCE editor gives him the following opportunities : * he can add **up to 4 buttons lines** which allows user to format its text ( Buttons list is available at the following address : [http://donicaptcha.donimedia-servicetique.net/?p=85](http://donicaptcha.donimedia-servicetique.net/?p=85 "List of TinyMCE editor buttons available with DoniCaptcha plugins") * he can choose editor **toolbar location** ( above or below captcha contact form text area ) * he can choose editor **toolbar alignment** ( Left, Center or Right ) * he can choose editor **statusbar location** ( None , above or below captcha contact form text area ) * he can authorize or not **Textarea resizing** * he can choose between **3 types of editor skins** **Regarding user** , Wordpress captcha contact form with frontend TinyMCE editor gives him the opportunity of enriching its message by : * Adding **images** * Embedding **media** * Inserting **special characters** * Pasting its message from a **Word document** * And much more .. Besides , Wordpress captcha contact form with frontend TinyMCE editor is user-friendliness since user can **toggle full screen mode** and write more easily . Finally , Wordpress captcha contact form with frontend TinyMCE editor allows user to keep a copy of its message **by printing it** . = [ ADD an ATTACHMENT ] = **Regarding plugin administrator** , Wordpress captcha contact form with frontend TinyMCE editor gives him the following opportunities : * he can display or not **upload file button** * he **can modify or translate** Wordpress captcha contact form widget "attachment extensions limits" label , as seen before **Regarding user** , Wordpress captcha contact form with frontend TinyMCE editor gives him the opportunity of enriching its message by : uploading files only with following **extensions : jpg , png or pdf** = [ CUSTOMIZE CAPTCHA ] = **Regarding plugin administrator** , Wordpress captcha contact form with frontend TinyMCE editor gives him the following opportunities : * he can display or not a **captcha** * he can modify or **translate** Wordpress captcha contact form widget "captcha Instructions" label , as seen before * he can modify **captcha background color** and **captcha text color** * he can modify **captcha code length** = [ OTHER INFORMATION ] = * Wordpress captcha contact form with frontend TinyMCE editor widget Version : 1.0.0 * Wordpress captcha contact form with frontend TinyMCE editor widget Copyright © 2011-2012 David DONISA * Wordpress captcha contact form with frontend TinyMCE editor widget Author plugin : David DONISA * Wordpress captcha contact form with frontend TinyMCE editor widget Author E-mail : donimedia-servicetique@orange.fr * Wordpress captcha contact form with frontend TinyMCE editor widget Plugin license type : GPL v2.0 = [ DOCUMENTATION ] = Wordpress captcha contact form with frontend TinyMCE editor widget documentation here : [http://donicaptcha.donimedia-servicetique.net/?p=49](http://donicaptcha.donimedia-servicetique.net/?p=49 "Wordpress captcha contact form with frontend TinyMCE editor widget documentation") = [ CHANGELOG ] = **Version 1.0.0 :** Wordpress captcha contact form with frontend TinyMCE editor widget first version release . == Installation == = [ DOCUMENTATION ] = [Wordpress captcha contact form with frontend TinyMCE editor DOCUMENTATION](http://donicaptcha.donimedia-servicetique.net/?p=49 "Wordpress captcha contact form with frontend TinyMCE editor DOCUMENTATION") [List of Tiny Mce buttons available with DoniCaptcha plugins](http://donicaptcha.donimedia-servicetique.net/?p=85 "List of TinyMCE editor buttons available with DoniCaptcha plugins") = [ WIDGET INSTALLATION PROCEDURE ] = **1. WIDGET INSTALLATION :** * Download Wordpress captcha contact form with frontend Tiny Mce editor widget to your computer , from official Wordpress directory . * Launch your web browser and connect you to your Wordpress blog . * Click on the plugins menu . * Click on the Add New button . * Click on the Upload link . * Use the browse button to select the plugin zip file that was downloaded . * Click on the Install Now button . * Once the widget is installed, click on the Activate plugin button . * The widget is now ready to use ! **2. WIDGET CONFIGURATION :** * You can access Wordpress captcha contact form with frontend Tiny Mce editor widget from Appearance --> Widget menu or from widgets option of your theme . * Drag and drop Wordpress captcha contact form with frontend Tiny Mce editor widget towards the appropriate sidebar . * Enter a title for this widget . * Translate the predefined labels ( captcha contact form labels and error messages ) , at your convenience . * Enter your e-mail address in contact form e-mail reply field ( required parameter ) . * Thanks to list of Tiny Mce buttons available with DoniCaptcha plugins ( [http://donicaptcha.donimedia-servicetique.net/?p=85](http://donicaptcha.donimedia-servicetique.net/?p=85 "List of TinyMCE editor buttons available with DoniCaptcha plugins") ) , fill in editor buttons lines ( up to 4 lines ) . **ATTENTION :** * Each editor button name , drawn from the list , must be seperated with commas . * Each editor buttons line must be filled in consecutively ( no empty lines between two filled in lines ) * To delete a buttons line , leave it empty , taking into account previous remarks * You can manage all other parameters , at your convenience (captcha contact form editor toolbar location , captcha contact form statusbar toolbar location , captcha contact form inputs font size , captcha contact form toolbar alignment , captcha contact form textarea resizing, captcha contact form editor skins ) * Once your web page is refreshed , you can see that Wordpress captcha contact form with frontend Tiny Mce editor widget is now ready to use ! == Frequently Asked Questions == **[ How to customize toolbars of WordPress captcha contact form with frontend TinyMCE editor ]** WordPress captcha contact form with frontend TinyMCE editor gives user the opportunity of enriching its text , thanks to TinyMCE toolbars functionnalities , represented by buttons . To customize each toolbar , all user has to do is to fill in "Editor buttons lines" fields with TinyMCE editor buttons names , separated with commas . List of TinyMCE editor buttons names available with DoniCaptcha plugins , can be read at following address : [http://donicaptcha.donimedia-servicetique.net/?p=85](http://donicaptcha.donimedia-servicetique.net/?p=85 "List of TinyMCE editor buttons available with DoniCaptcha plugins") . WordPress captcha contact form with frontend TinyMCE editor allows user to configure up to 4 toolbars . **[ Example of TinyMCE editor configuration with one toolbar ]** * You can access WordPress captcha contact form with frontend Tiny Mce editor widget from **Appearance --> Widget menu** or from widgets option of your theme . * **Drag and drop** WordPress captcha contact form with frontend Tiny Mce editor widget towards the **appropriate sidebar** . * Fill in **"Editor buttons line 1"** field with following expression , for instance : formatselect,fontselect,fontsizeselect **Here is the result !** [See what WordPress captcha contact form with frontend Tiny Mce editor looks like now](http://donicaptcha.donimedia-servicetique.net/?p=174 "List of TinyMCE editor buttons available with DoniCaptcha plugins") **[ Example of TinyMCE editor configuration with two toolbars ]** * You can access WordPress captcha contact form with frontend Tiny Mce editor widget from **Appearance --> Widget menu** or from widgets option of your theme . * **Drag and drop** WordPress captcha contact form with frontend Tiny Mce editor widget towards the **appropriate sidebar** . * Fill in **"Editor buttons line 1"** field with following expression , for instance : **formatselect,fontselect,fontsizeselect** * Fill in **"Editor buttons line 2"** field with following expression , for instance : **save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist** **Here is the result !** [See what WordPress captcha contact form with frontend Tiny Mce editor looks like now](http://donicaptcha.donimedia-servicetique.net/?p=174 "List of TinyMCE editor buttons available with DoniCaptcha plugins") **[ Example of TinyMCE editor configuration with three toolbars ]** * You can access WordPress captcha contact form with frontend Tiny Mce editor widget from **Appearance --> Widget menu** or from widgets option of your theme . * **Drag and drop** WordPress captcha contact form with frontend Tiny Mce editor widget towards the **appropriate sidebar** . * Fill in **"Editor buttons line 1"** field with following expression , for instance : **formatselect,fontselect,fontsizeselect** * Fill in **"Editor buttons line 2"** field with following expression , for instance : **save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist** * Fill in **"Editor buttons line 3"** field with following expression , for instance : **cut,copy,paste,pastetext,pasteword,|,outdent,indent,|,undo,redo,link,unlinkimage,code,preview** **Here is the result !** [See what WordPress captcha contact form with frontend Tiny Mce editor looks like now](http://donicaptcha.donimedia-servicetique.net/?p=174 "List of TinyMCE editor buttons available with DoniCaptcha plugins") **[ Example of TinyMCE editor configuration with four toolbars ]** * You can access WordPress captcha contact form with frontend Tiny Mce editor widget from **Appearance --> Widget menu** or from widgets option of your theme . * **Drag and drop** WordPress captcha contact form with frontend Tiny Mce editor widget towards the **appropriate sidebar** . * Fill in **"Editor buttons line 1"** field with following expression , for instance : **formatselect,fontselect,fontsizeselect** * Fill in **"Editor buttons line 2"** field with following expression , for instance : **save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist** * Fill in **"Editor buttons line 3"** field with following expression , for instance : **cut,copy,paste,pastetext,pasteword,|,outdent,indent,|,undo,redo,link,unlinkimage,code,preview** * Fill in **"Editor buttons line 4"** field with following expression , for instance : **charmap,emotions,|,iespell,media,image,advhr,print,|,forecolor,backcolor,|,search,replace,fullscreen** **Here is the result !** [See what WordPress captcha contact form with frontend Tiny Mce editor looks like now](http://donicaptcha.donimedia-servicetique.net/?p=174 "List of TinyMCE editor buttons available with DoniCaptcha plugins") == Screenshots == 1. WordPress captcha contact form with frontend Tiny Mce editor widget admin panel - captcha contact form labels translations section - 2. WordPress captcha contact form with frontend Tiny Mce editor widget admin panel - error messages translations section - 3. WordPress captcha contact form with frontend Tiny Mce editor widget admin panel - general settings section - 4. WordPress captcha contact form with frontend Tiny Mce editor widget admin panel - TinyMCE editor settings section - 5. WordPress captcha contact form with frontend Tiny Mce editor widget admin panel - Credit link for DoniCaptcha section - == Other Notes == **[ List of TinyMCE editor buttons available with WordPress captcha contact form with frontend Tiny Mce editor widget ]** **[advhr]** TinyMCE editor button which allows user to insert a horizontal line in its document . **Additional options :** width, height, No shadow . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[backcolor]** TinyMCE editor button which allows user to select a background color for its document . **Additional options :** color picker, palette colors, named colors . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[bold]** TinyMCE editor button which allows user to put words in bold , in its document . **Additional options :** Keyboard shortcut : CTRL + B [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[bullist]** TinyMCE editor button which allows user to insert or remove a bulleted list . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[charmap]** TinyMCE editor button which allows user to insert special characters . **Additional options :** HTML-code or NUM-code . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[code]** TinyMCE editor button which allows user to edit HTML source code . **Additional options :** Word wrap . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[copy]** TinyMCE editor button which allows user to copy words or media objects , in its document . **Additional options :** Keyboard shortcut : CTRL + C [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[cut]** TinyMCE editor button which allows user to delete words or media objects in its document , while keep in them in memory . **Additional options :** Keyboard shortcut : CTRL + X [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[emotions]** TinyMCE editor button which allows user to insert emotions in its document . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[fontselect]** TinyMCE editor button which allows user to select a font family . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[fontsizeselect]** TinyMCE editor button which allows user to select a font size . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[forecolor]** TinyMCE editor button which allows user to select text color . **Additional options :** color picker, palette colors, named colors . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[formatselect]** TinyMCE editor button which allows user to format parts of its document ( paragraph format, heading format, address format , etc ... ) [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[fullscreen]** TinyMCE editor button which allows user to toggle full screen mode . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[image]** TinyMCE editor button which allows user to insert or edit an image . **Additional options :** Url, description, title, preview, alignment, dimensions, vertical space, horizontal space, border, style, alternative image, language direction, long description link . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[indent]** TinyMCE editor button which allows user to increase indent . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[italic]** TinyMCE editor button which allows user to italicize words in its documents . **Additional options :** Keyboard shortcut : CTRL + I [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[justifycenter]** TinyMCE editor button which allows user to align text to center [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[justifyfull]** TinyMCE editor button which allows user to align text , evenly spaced . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[justifyleft]** TinyMCE editor button which allows user to align text to left . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[justifyright]** TinyMCE editor button which allows user to align text to right . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[link]** TinyMCE editor button which allows user to insert or edit a hyperlink , in its document . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[media]** TinyMCE editor button which allows user to insert or edit embedded media , in its document . **Additional options :** Type ( Flash, HTML 5, Quicktime, etc ...), Url, dimensions, horizontal space, vertical space, quality , sclae , flashvars . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[newdocument]** TinyMCE editor button which allows user to create a new document by clearing all contents of previous documents . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[numlist]** TinyMCE editor button which allows user to insert or remove a numbered list . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[outdent]** TinyMCE editor button which allows user to decrease indent . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[paste]** TinyMCE editor button which allows user to paste words or media objects , previously copied . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[pastetext]** TinyMCE editor button which allows user to paste texts , previously copied . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[pasteword]** TinyMCE editor button which allows user to paste Word documents , previously copied . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[preview]** TinyMCE editor button which allows user to preview a document before publishing it . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[print]** TinyMCE editor button which allows user to print a document before publishing it . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[redo]** TinyMCE editor button which allows user to redo an action . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[replace]** TinyMCE editor button which allows user to replace words matching user ones . **Additional options :** Search direction, match case option . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[save]** TinyMCE editor button which allows user to save modifications he made in its document . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[search]** TinyMCE editor button which allows user to find words matching user ones . **Additional options :** Search direction, match case option . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[strikethrough]** TinyMCE editor button which allows user to strike through irrelevant words or sentences, in its document . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[underline]** TinyMCE editor button which allows user to underline words , in its document . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") **[undo]** TinyMCE editor button which allows user to undo an action . [See TinyMCE editor button icon ...](http://donicaptcha.donimedia-servicetique.net/?p=174 "See TinyMCE editor button icon ...") == Changelog == = 1.0.0 = * WordPress captcha contact form with frontend Tiny Mce editor widget first version .