=== CSS & JavaScript Toolbox === Contributors: wipeoutmedia Author URL: https://css-javascript-toolbox.com Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=EWDWF75JHT9Q6 Tags: CSS, JavaScript, PHP, scripts, code License: GPLv2 or later License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html Requires at least: 3.9 Requires PHP: 5.4 Tested up to: 5.2.2 Stable tag: 9.0 Add and manage CSS, JavaScript, HTML and PHP code to unique CJT Code Blocks and assign them anywhere on your website. Compatible with the Gutenberg Editor. == Description == ### Manage your code and scripts in the one dashboard ### Add and manage CSS, JavaScript, HTML and PHP code to unique CJT Code Blocks and assign them anywhere on your website. ### WHY CJT? ### * Add CSS, JavaScript, PHP and HTML to Pages, Posts, Custom Posts, Tags, Categories, URLs, Regex and much more * Add front-end styles without modifying your Theme files * Add functionality without the core file hacks or custom plugins * Embed scripts from GitHub, Code Canyon, JSFiddle, etc * Add visitor tracking, advertising and affiliate scripts * Embed social media channels or marketplace store widgets * Streamline your website development - whether solo or in a team * No need for FTP - just add your code, click save, see the change ### Purchase CJT PLUS? ### The CJT PLUS extension plugin gives you more options, more tools, and more precision. You can now create CJT Gutenberg Code Blocks. 😊 [Click to check out CJT PLUS pricing](https://css-javascript-toolbox.com/pricing) - MEGA SALE ON NOW!!! ### Benefits of PLUS ### * NEW FEATURE - CJT Code Blocks for the Gutenberg Editor. This feature allows you to add a CJT Code Blocks as a Gutenberg block. We have also added the CJT Shortcode embedder in the Classic Editor too. * Inject code via CJT Shortcodes, CJT Metabox code blocks (when Gutenberg is disabled), and CJT Widgets for your sidebar or footer. * Powerful editing environment with stacks of must-have editing tools like auto-formatting and syntax highlighting * Beautify feature to tidy up your code like a Pro for readability * Minify feature to compress code for boosting performance * 32 light and dark editor themes to suits your editing style * Full-width and Full-screen modes for distraction-free editing * Code Auto Completion feature for auto-completion and insertion of CSS, JS, PHP, and HTML code syntax or snippets * Revisions system to auto-backup your code blocks on each save [CJT PLUS](https://css-javascript-toolbox.com/pricing) has been extensively tested with over 100 code blocks and 1000's of Assignments (e.g. Posts, Pages, Categories, etc). It was all made possible using a combination of AJAX scrolling and pagination. Also, CJT PLUS gives you a quick pagination dropdown selector, which is super-handy if your site has hundreds or even thousands of posts. ### Sound Good? ### We want you to buy, try, and rely on the premium CJT PLUS extension plugin so we have made the pricing very low. [Learn about the new and improved CJT PLUS](https://css-javascript-toolbox.com/). = How does it work? = CJT is extremely flexible and versatile. Since it was designed to be easy, adding scripts and styles can be done in as little as two steps: - adding your code directly into unique CJT code blocks - assigning where these code blocks go CJT code blocks can be assigned to pages, posts, custom posts, categories, URLs, expressions, and practically anywhere you want on your website. Code block shortcodes can also provide you with further placement accuracy. = Support Us = The CSS & JavaScript Toolbox project is 100% developed and maintained by only two people since the very beginnings in August 2011. We have plenty of feature ideas that we want to introduce and this can only be possible with funding. You can also support us by providing a feedback review and rating on WordPress.org, and spreading the word and recommending CJT to others. = Follow the Developments = If you like to know more about the development state, issues and to track future versions code please follow us on GitHub Plugin repository. == Installation == 1. If you're upgrading from older versions its highly recommended to backup your database before upgrading. 2. Upload the 'css-javascript-toolbox' folder to the '/wp-content/plugins/' directory 3. Activate the plugin through the 'Plugins' menu in WordPress 4. Click 'CSS & JavaScript Toolbox' link in the main navigation (left side of your Dashboard). == Frequently Asked Questions == = Why was the CJT plugin developed and what is it used for? = The CJT plugin was created to help website authors write their own code. The plugin allows you to contribute to your Wordpress installation code via a simple web interface, where you can modify and extend the functionality and appearance of your website by writing code directly into CJT code blocks. A typical example of using the plugin can include changing the the way a specific Wordpress page is displayed, or making a page more interactive by adding some JavaScript (Dynamic HTML). = What is a CJT 'code block'? = The CJT code block is the basic unit for writing code and to associate it with specific Wordpress requests. = What is the Assignment Panel? = The Assignment Panel is a tabs window, which appears on the right side of the code block editor and is used to assign/apply the code block into specific requests. = Can you select more than one item from the Assignment Panel? = Yes. You can select any number of items you need, there is no limitation regarding this. = Can you assign multiple blocks to the same items from the Assignment Panel? = Yes. It's one of the most useful features that CJT supports as it allows you to manage/split your codes into several code blocks, allowing you to override code in a former (or lower ordered) code block. = What is Pages, Posts, Categories and Custom Posts tabs? = These lists with checkboxes represent all of your WordPress Pages, Posts, Categories and Custom Posts that your entire website contains. It also supports subpages and sub-categories, which you will also find in there. = What is the Auxiliary tab? = As there are a number of requests that are not available as normal Wordpress items (e.g. Pages, Posts, etc) but since it's commonly required and most likely be used, you will find them pre-defined in the Auxiliary tab. In the Auxiliary tab you can find pages like: Home, Blog Index, Author, 404 error, Tag, Archive, Entire website, Front-end, Admin backend and much more! = Is it better to use the URLs tab, or select items if found through other tabs? = Pages, Posts, Custom Posts and Categories tabs are created to simplify the assignment process for all types of users. Using URLs is great for fast performance as it requires less time to evaluate/identify the request! However, not all things can be done through the URLs tab. For example, applying a single block to a Category index page and all its sub-categories. = What is the Advanced Expressions tab? = The Advanced Expression tab allows you to fully control what requests to integrate into the code block by using Regular Expressions. In other words, allowing CJT users to define more requests to assign the code block to. = Can I move the blocks around? = Yes by hovering your mouse cursor over the code block title bar until it turns into a four-sided arrow, this allow you to move the blocks. Clicking the block title bar allows you to open and close the blocks. = Is block saved after I click 'Create' in 'Create New Code Block' form? = Yes. The block is created and saved in your database. In order to discard the block, you have to delete it. = Is block orders immediately saved after drag-and-drop block box? = No. In order to save blocks order you need to press 'Save All Changes' button. = Is block immediately deleted after removed from the blocks list page? = No. After delete block you need to click 'Save All Changes' button. = I'm using the URLs tab and my code is not working? = Make sure you have copied and pasted the Page, Post, or Category URL exactly as it appears in the address bar. For example, you may have inadvertently included an extra forward slash at the end of your URL. = Why use the Footer switch in Location/Hook? = Hook location feature gives you control over the location of outputting the CSS/JS code. This is useful in case overriding another plugins' CSS is required. Also sometimes its better to put your JS code in the footer to avoid slowing down your page load. = I received a weird error, what do I do now? = Due to the overwhelming amount of emails we get for users requesting support for our CJT plugins, we cannot provide support for the CJT Free plugin (hosted here on WordPress.org) at this stage unfortunately. If you wish to receive priority support, please visit our CJT website and [purchase a license for any of our products](https://css-javascript-toolbox.com/pricing). == Screenshots == 1. Add your code, then assign where it goes 2. Create New Code Block dialog box 3. Master Admin Toolbar at top, and minimised Code Blocks below 4. Change editor language for syntax highlighting and error checking 5. Assigning WordPress Pages and sub-pages 6. Assigning WordPress Posts 7. Assigning Custom Posts 8. Assigning Categories and sub-categories 9. Auxiliary Assignments 10. Advanced Assignments (URLs and Regular Expressions) 11. Change State batch tools (CJT PLUS ONLY) 12. Change Location/Hook batch tools (CJT PLUS ONLY) 13. Delete and Backup Tools 14. Code-Files management within each Code Block (CJT PLUS ONLY) 15. Templates Manager form to store all of your Code Templates 16. Templates Lookup form to embed or link Code Templates to Code Blocks 17. Insert Code Block shortcodes via TinyMCE button (CJT PLUS ONLY) 18. Metabox Code Block at the Edit Page/Post level 19. Create backups of all your existing Code Blocks 20. Create/Restore Code Block revisions (CJT PLUS ONLY) 21. See Code Block information at a glance (CJT PLUS ONLY) == Changelog == = 9.0 = * PHP 7.2+ fixes * Sanitisation on GET functions = 8.4.2 = * Fix: Wordpress Vulnerability report = 8.4.1 = * Fix: CSS & JavaScript Toolbox not showing = 8.4 = * Enhancement: START and END comments for CJT Assignments, CJT Shortcodes, and CJT Metabox code blocks. You can now go into the Page Source and perform a search for these comments to quickly find your code block within the source code. * Removed: Admin notice “CJT plugin is no longer supported" = 8.3.2 = * Added: Admin notice “CJT plugin is no longer supported" = 8.3.1 = * Fix: Development log files created at production = 8.3 = * Added: “CJT Plugin will not work” admin notice displayed when PHP version < 5.3 * Enhancement: Dashboard statistics Metabox display more fields * Fix: WordPress Plugin compatibility for commonly detected conflicts * Fix: SQL errors commonly appears in Error log file * Fix: Dashboard statistics Metabox exception when CJT server is not reachable * Fix: Dashboard statistics Metabox blocks count include backups block * Updated: ACE Editor updated to the last version = 8.2 = * Added: PHP version check on activation Fix: Fatal error: 'break' not in the 'loop' or 'switch' context in /path/to/wp-content/plugins/css-javascript-toolbox/controllers/block.php on line 145 * Added: Display notice during installation steps on network-level errors. Resolves endless spinner issue * Compatibility: 100% compatible with BulletProof Security (BPS) security plugin. No need for any bypass rules = 8.1 = * Compatibility: Fully tested with Wordpress 4.3.1 * Enhancement: CJT core upgrades and enhancements = 8.0.4 = * Compatibility: Fully tested with Wordpress 4.3 * Added: List of future deprecated features = 8.0.3 = * Added: Support us link on Dashboard Metabox * Added: Support us link on CJT Header = 8.0.2 = * Removed: CJT License Setup form. CJT is now 100% Free * Fix: Multi-site CJT Network extensions not loading = 8.0.1 = * Fix: Fresh installer stopping when “Adding Wordpress built-in scripts and styles as CJT Templates” * Added: Dashboard Metabox notices when CJT is not yet installed = 8.0 = * Added: Show premium extensions list in Dashboard Widget instead of Scripts Packages * Enhancement: Framework update to make CJT functionality more extendable * Removed: Code Editor Toolbar buttons and code block ‘File', ‘Edit’ and ‘View’ menu are moved to separate extensions * Removed: Editor Themes switcher list are moved to separate extension * Removed: Import and Export Tools are moved to separate extension * Fix: Conflict with other popular themes like X Theme = 7.2 = * Fix: Block Code file name moving away when open/close Block metabox * Fix: Shortcode list is too small for Shortcode names * Updated: CJT Framework for packages and extensions updates = 7.1.2 = * Added: Show Latest News on Dashboard Widget = 7.1.1 = * Added: Add Statistics Dashboard Widget that shows few useful fields. = 7.1 = * Performance: Processing and Memory optimisation for better performance. * Enhancement: Block Box Themes Support. * Enhancement: 32 Themes is now supported to be applied for the whole block box. * Enhancement: Applying theme per browser. Allow for assigning appropriate theme for different devices. * Enhancement: Assigned/All mode switchers for assignment panel list. You can show all items even not selected ones or show only assigned to the block. * Enhancement: Bullet-Proof Assignment Panel layout so it would always reserved even if another Plugin wrongly load jQuery TABS/ACCORDION Styles. * UI & Graphics: General UI enhancements. * Updated: Code editor updates. * Enhancement: Turns CJT Block into a tiny Project that host Multiple "Managed" Code-Files instead of just one. * Enhancement: No need to create a Block for each Language Type and assign them to the same Wordpress Page. One Block with Multiple Code Files solved that by creating only one Block for each assigned request. * Enhancement: Code Files Support Language Type, Code, Description and TAG fields. * Enhancement: Write Design-Time Organised Code by separating them into code-files (JS, CSS, PHP, HTML) and CJT will merge them all at run-time. * Enhancement: There is no need to write