CodeCanyon RapidEdit jQuery Plugin 2548831

CodeCanyon RapidEdit jQuery Plugin 2548831

CodeCanyon RapidEdit jQuery Plugin 2548831
JavaScript \ Miscellaneous
Edit \ Plugin \ Metadata \ Overlay \ Quick \ Tinymce \ Rapid \ Editor \ Jquery



JavaScript - RapidEdit jQuery Plugin 2548831 by SNSolutions @ CodeCanyon

JavaScript \ Miscellaneous

Last Update: 12 September 12; Compatible Browsers: IE8, IE9, Firefox 2, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Software Version: jQuery 1.6, jQuery 1.7, jQuery 1.8; Files Included: JavaScript JS, HTML.

Description
The RapidEdit plugin makes it possible to edit any content on your website without reloading the page even once. The plugin provides a simple edit-link on elements marked with the class ‘editable’ (this is the default class, can be changed) which opens up an editor in a lightbox-alike manner , where the content can be edited. It is also possible to preview
your changes before saving them. The plugin comes with out-of-the-box support for TinyMCE jQuery package. To make the plugin as customizable as possible, loads of settings are provided so you can change it to fit your needs and it also supports the MetaData plugin .
The supported plugins and TinyMCE have to be downloaded separately. Links are provided.

Note: This is not a fully functioning CMS , it’s just a front end jQuery plugin. However, it does come with a very simple PHP example.

Current version: 1.3.2

New in version 1.3.2 (2012-09-08)

- Bug fix: full screen issue with LiveEditor

New in version 1.3.1 (2012-09-05)

- New setting: extraData . Makes it possible to pass custom data to receiving PHP script on save. extraData must be a key-value object.

- Bug fix: newline/break issue with LiveEditor

New in version 1.3 (2012-07-24)

- Support for InnvoaStudio’s LiveEditor

New in version 1.2 (2012-07-20)

- Preview functionality

Data sent
On save, the plugin sends the following data to the receiving PHP script.

- id

- class(es)

- content

Setting and default values
Below you see all settings available for the plugin and their default values.

- rapidEditClass: ‘editable’

- submitTo: ’’

- extraData: {}

- submitType: ‘POST’

- editLinkImagePath: ‘edit.png’

- editLinkImageTitle: ‘Edit’

- editLinkClass: ‘rapidEdit-link’

- editLinkHoverAttribute: ’’

- editLinkHoverValue: ’’

- editLinkPosX: ‘right’

- editLinkPosY: ‘top’

- editLinkDistX: ‘0’

- editLinkDistY: ‘0’

- overlayClass: ‘rapidEdit-overlay’

- overlayFadeInSpeed: 400

- overlayFadeInEasing: “linear”

- overlayFadeOutSpeed: 0

- overlayFadeOutEasing: “linear”

- overlayOpacity: 0.6

- overlayStyle: “cursor:pointer;position:fixed;top:0;left:0;height:100%;width:100%;background:#000;opacity:0;filter:alpha(opacity=0);z-index:5000;”

- overlayContainerWidth: 695

- overlayContainerMinHeight: 400

- overlayContainerClass: ‘rapidEdit-container’

- overlayContainerFadeInSpeed: 400

- overlayContainerFadeInEasing: “linear”

- overlayContainerStyle: “position:fixed;opacity:0;filter:alpha(opacity=0);left:-9999em;z-index:5001;background-color:#fff;padding:10px;border:3px solid #cdcdcd;text-align:left;border-radius:10px;”

- liveEditor: false,

- liveEditorObject: ‘oEdit1’,

- liveEditorDivId: ‘rapidEdit-liveEditor’,

- liveEditorOptions: {
width: 689,
height: 360,
groups: [
],
css: “LiveEditor/styles/default.css”
},

- tinymce: false

- tinymceOptions: {

script_url: “tiny_mce/tiny_mce.js”

theme: “advanced”

theme_advanced_toolbar_location: “top”

plugins : “autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist”

theme_advanced_buttons1 : “save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect”

theme_advanced_buttons2 : “cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor”

theme_advanced_buttons3 : “tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen”

theme_advanced_buttons4 : “insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak”

theme_advanced_statusbar_location : “bottom”

forced_root_block: false

}

- textareaWidth: 695

- textareaHeight: 360

- textareaClass: ‘rapidEdit-textarea’

- textareaStyle: ’’

- submitButtonClass: ‘rapidEdit-submit’

- submitButtonValue: ‘Save’

- submitButtonStyle: ‘margin:5px 5px 0 0;background-color: #F7F7F7;border-color: #CCCCCC;border-radius: 11px 11px 11px 11px;border-style: solid;border-width: 1px;color: #464646;cursor: pointer;font-size: 12px !important;line-height: 15px;padding: 3px 10px;text-shadow: 0 1px 0 #FFFFFF;white-space: nowrap;width: auto;’

- previewButtonClass: ‘rapidEdit-preview’,

- previewButtonValue: ‘Preview’,

- previewButtonStyle: ‘margin:5px 5px 0 0;background-color: #F7F7F7;border-color: #CCCCCC;border-radius: 11px 11px 11px 11px;border-style: solid;border-width: 1px;color: #464646;cursor: pointer;font-size: 12px !important;line-height: 15px;padding: 3px 10px;text-shadow: 0 1px 0 #FFFFFF;white-space: nowrap;width: auto;’,

- endPreviewButtonId: ‘rapidEdit-endpreview’,

- endPreviewButtonValue: ‘End preview’,

- endPreviewButtonStyle: ‘margin:0;background-color: #F7F7F7;border-color: #CCCCCC;border-radius: 11px 11px 11px 11px;border-style: solid;border-width: 1px;color: #464646;cursor: pointer;font-size: 12px !important;line-height: 15px;padding: 3px 10px;text-shadow: 0 1px 0 #FFFFFF;white-space: nowrap;width: auto;’,

- endPreviewContainerStyle: ‘padding:5px;position:fixed;bottom:0;left:100px;border:3px solid #cdcdcd;border-bottom:0;border-radius:10px 10px 0 0;background-color:#fff;z-index:9999;’,
previewConfirmText: ‘You are currently previewing the changes of another element, would you like to end the preview and edit this element instead?’,

- cancelButtonClass: ‘rapidEdit-cancel’

- cancelButtonValue: ‘Cancel’

- cancelButtonStyle: ‘margin-top:5px;background-color: #F7F7F7;border-color: #CCCCCC;border-radius: 11px 11px 11px 11px;border-style: solid;border-width: 1px;color: #464646;cursor: pointer;font-size: 12px !important;line-height: 15px;padding: 3px 10px;text-shadow: 0 1px 0 #FFFFFF;white-space: nowrap;width: auto;’

- setParentPositionRelative: true

Keywords: cms, content management, in page edit, innovastudio, javascript, jquery, live editor, metadata, overlay, plugin, quick edit, rapid edit, tinymce, ui.



Tags: Plugin, Metadata, Editor, Overlay, Quick, Tinymce

Premium CodeCanyon RapidEdit jQuery Plugin 2548831 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon RapidEdit jQuery Plugin 2548831 for digital design and education. CodeCanyon RapidEdit jQuery Plugin 2548831 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *