| @@ -1,55 +1,50 @@ | ||
| 1 | 1 | === CSS & JavaScript Toolbox === |
| 2 | 2 | Contributors: wipeoutmedia |
| 3 | 3 | Author URL: https://css-javascript-toolbox.com |
| 4 | 4 | Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=EWDWF75JHT9Q6 |
| 5 | -Tags: CSS, JavaScript, JS, PHP, HTML, scripts, code, snippets, header, footer, widget, sidebar, shortcode, Gutenberg, code block | |
| 5 | +Tags: snippets, css, javascript, php, scripts, code, functions, html | |
| 6 | 6 | License: GPLv2 or later |
| 7 | 7 | License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html |
| 8 | 8 | Requires at least: 4.9 or higher |
| 9 | -Requires PHP: 5.6 or higher | |
| 10 | -Tested up to: 5.5 | |
| 11 | -Stable tag: 10 | |
| 9 | +Requires PHP: 7 or higher | |
| 10 | +Tested up to: 5.8.2 | |
| 11 | +Stable tag: 11.5 | |
| 12 | 12 | |
| 13 | -Add CSS, JavaScript, and even HTML and PHP to our unique code blocks, then choose exactly where you want the code to run. Supports Gutenberg. | |
| 13 | +Add code snippets (CSS, JavaScript, HTML, PHP) to your site and choose where it goes. Feel confident with 10 years of security & reliability. | |
| 14 | 14 | |
| 15 | 15 | == Description == |
| 16 | +Thank you for taking a look at our code snippet plugin. I believe it will do exactly what you are wanting. | |
| 16 | 17 | |
| 17 | -Add CSS, JavaScript, and even HTML and PHP to our unique code blocks, then choose exactly where you want the code to run. | |
| 18 | +### IDEAL FOR: ### | |
| 19 | +* **Front-end modifications** (without modifying theme files) | |
| 20 | +* **Adding functionality** (without modifying functions.php) | |
| 21 | +* **Adding widgets, code snippets/scripts** (e.g. Google Analytics) | |
| 22 | +* **Fast site development** (without the need for FTP) | |
| 18 | 23 | |
| 19 | -### WHY CJT? ### | |
| 20 | -* Run your code on: Pages, Posts, Custom Posts, Tags, Categories | |
| 21 | -* Run your code on common sections (e.g. Entire Website, Website Backend, All Pages, All Posts, Recent Posts, Blog Index, All Categories, Search Pages, All Archives, Tag Archives, Author Archives, Attachment Pages, 404 Error Pages) | |
| 22 | -* Run your code via: URLs, or Regular Expressions (Regex) | |
| 23 | -* Add front-end code without modifying your Theme files | |
| 24 | -* Add functionality code without core file hacks or custom plugins | |
| 25 | -* Embed scripts from GitHub, Code Canyon, JSFiddle, etc | |
| 26 | -* Add visitor tracking, advertising and affiliate scripts | |
| 27 | -* Embed social media channels or marketplace store widgets | |
| 28 | -* Streamline your website development – whether solo or in a team | |
| 29 | -* No need for FTP – just add your code, click save, see the change | |
| 24 | +CJT is built on the concept of a code block. Each code block contains its own editor for writing/adding your snippets; and an assignment panel so you can click the sections of your website you want the code to go. | |
| 30 | 25 | |
| 31 | -### WHY GO PREMIUM? ### | |
| 26 | +It was designed for super-fast development without any cumbersome page refreshing. That means you can add as many code blocks as you need and see all of your code and assignments in one dashboard. Don't worry, it has been optimised to handle 100's of code blocks and thousands of assignments (i.e. Pages, Posts, Categories, Custom Posts, etc). | |
| 32 | 27 | |
| 33 | -Our CJT PLUS premium plugin gives you more options, more tools, and more flexibility. [Click for CJT PLUS Mega Sale!!!](https://css-javascript-toolbox.com/pricing) | |
| 28 | +### FEATURES: ### | |
| 29 | +* Easy to use 'code blocks' interface | |
| 30 | +* Powerful code editor | |
| 31 | +* Intuitive assignment panel (click where your code goes) | |
| 32 | +* Code/script library management | |
| 33 | +* Add code to the header or footer hook | |
| 34 | +* **PREMIUM** Add code to entire website, all posts, etc | |
| 35 | +* **PREMIUM** Add code via shortcodes, widgets, Gutenburg blocks, etc | |
| 36 | +* **PREMIUM** Add code via tags, URLs, regular expressions | |
| 37 | +* **PREMIUM** 8 additional hooks for more precise assignments | |
| 38 | +* **PREMIUM** Invert feature (run code everywhere but ...) | |
| 39 | +* **PREMIUM** Editor tools (code auto complete, beautify/minify, etc) | |
| 40 | +* **PREMIUM** Code revisions system | |
| 41 | +* **PREMIUM** Backup and export/import system | |
| 34 | 42 | |
| 35 | -### BENEFITS OF CJT PLUS ### | |
| 36 | -* Add code blocks via Shortcodes (includes embedder) | |
| 37 | -* Add code blocks via Widgets (e.g. for your sidebar or footer) | |
| 38 | -* Add code blocks via Gutenberg blocks | |
| 39 | -* Add code to Page/Post Metabox code blocks (Classic Editor) | |
| 40 | -* Assignment Invert feature (e.g. run code everywhere but … ) | |
| 41 | -* Powerful editing with auto-formatting and syntax highlighting | |
| 42 | -* Code beautify feature to tidy up your code | |
| 43 | -* Code minify feature to compress code for performance | |
| 44 | -* Light and dark editor themes to suits your style | |
| 45 | -* Full-width and Full-screen modes for distraction-free editing | |
| 46 | -* Code Auto Completion feature | |
| 47 | -* Stacks of CSS, JS, PHP, and HTML code syntax or snippets | |
| 48 | -* Revisions system to auto-backup your code blocks | |
| 49 | -* Tested with over 100 code blocks and 1000’s of assignments | |
| 43 | +[Save 75% for our PREMIUM CSS & JavaScript Toolbox PLUS](https://css-javascript-toolbox.com/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link) | |
| 50 | 44 | |
| 51 | -We have kept the price very low for over 10 years, and with our mega sale on now, the price is even lower. [Click for CJT PLUS Mega Sale!!!](https://css-javascript-toolbox.com/pricing) | |
| 45 | +### OVERVIEW VIDEO ### | |
| 46 | +https://www.youtube.com/watch?v=vYAKePVgJqE | |
| 52 | 47 | |
| 53 | 48 | == Installation == |
| 54 | 49 | 1. If you're upgrading from older versions its highly recommended to backup your database before upgrading. |
| 55 | 50 | 2. Upload the 'css-javascript-toolbox' folder to the '/wp-content/plugins/' directory |
| @@ -55,29 +50,48 @@ | ||
| 55 | 50 | 2. Upload the 'css-javascript-toolbox' folder to the '/wp-content/plugins/' directory |
| 56 | 51 | 3. Activate the plugin through the 'Plugins' menu in WordPress |
| 57 | 52 | 4. Click 'CSS & JavaScript Toolbox' link in the main navigation (left side of your Dashboard). |
| 58 | 53 | |
| 54 | +== Screenshots == | |
| 55 | +1. Code Block Editor | |
| 56 | +2. Code Block Assignment Panel | |
| 57 | +3. CJT Main Admin Toolbar | |
| 58 | +4. Code Block Toolbar | |
| 59 | +5. Code Block Editor Tools | |
| 60 | +6. Assignment Panel for Pages | |
| 61 | +7. Assignment Panel for Posts | |
| 62 | +8. Assignment Panel for Categories | |
| 63 | +9. Assignment Panel for Custom Posts | |
| 64 | +10. Assignment Panel for Auxiliary Assignments | |
| 65 | +11. Assignment Panel for Tags | |
| 66 | +12. Assignment Panel for Advanced Assignments | |
| 67 | +13. Assignment Panel Inverter | |
| 68 | +14. Code Block Information | |
| 69 | + | |
| 59 | 70 | == Frequently Asked Questions == |
| 60 | 71 | = Why was the CJT plugin developed and what is it used for? = |
| 61 | -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). | |
| 72 | +The CJT plugin was created to help website authors write or add 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. Some typical examples can include changing the look of a specific page by adding some CSS code; adding functionality to a page with PHP; or making a page more interactive by adding some JavaScript. | |
| 62 | 73 | |
| 63 | 74 | = What is a CJT 'code block'? = |
| 64 | -The CJT code block is the basic unit for writing code and to associate it with specific Wordpress requests. | |
| 75 | +The CJT code block is the most fundamental unit for writing code and to associate it with specific Wordpress requests via the assignment panel. | |
| 65 | 76 | |
| 66 | -= What is the Assignment Panel? = | |
| 67 | -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. | |
| 77 | += What is the assignment panel? = | |
| 78 | +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. These assignments include: Pages, Posts, Custom Posts, Tags, and Categories. Auxiliary sections such as Entire Website, Website Backend, All Pages, All Posts, Recent Posts, Blog Index, All Categories, Search Pages, All Archives, Tag Archives, Author Archives, Attachment Pages, 404 Error Pages. Advanced sections such as URLs, or Regular Expressions (Regex). | |
| 68 | 79 | |
| 69 | -= Can you select more than one item from the Assignment Panel? = | |
| 80 | += I have noticed a bunch of question marks appear during mouse hover - what are they? = | |
| 81 | +These are premium features, which are only available for our CJT PLUS plugin. [Click here to purchase a license for any of our premium CJT PLUS products](https://css-javascript-toolbox.com/pricing). | |
| 82 | + | |
| 83 | += Can you select more than one item from the assignment panel? = | |
| 70 | 84 | Yes. You can select any number of items you need, there is no limitation regarding this. |
| 71 | 85 | |
| 72 | -= Can you assign multiple blocks to the same items from the Assignment Panel? = | |
| 73 | -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. | |
| 86 | += Can you assign multiple blocks to the same items from the assignment panel? = | |
| 87 | +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. | |
| 74 | 88 | |
| 75 | 89 | = What is Pages, Posts, Categories and Custom Posts tabs? = |
| 76 | -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. | |
| 90 | +These lists with checkboxes represent all of your WordPress Pages, Posts, Categories and Custom Posts that your entire website contains. It also supports sub-pages and sub-categories, which you will find in there. | |
| 77 | 91 | |
| 78 | 92 | = What is the Auxiliary tab? = |
| 79 | -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! | |
| 93 | +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 to be used, you will find them pre-defined in the Auxiliary tab. In the Auxiliary tab you can find things like: Entire Website, Blog Index, Author, 404 error, Front-end, Admin backend and much more! | |
| 80 | 94 | |
| 81 | 95 | = Is it better to use the URLs tab, or select items if found through other tabs? = |
| 82 | 96 | 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. |
| 83 | 97 | |
| @@ -86,50 +100,63 @@ | ||
| 86 | 100 | |
| 87 | 101 | = Can I move the blocks around? = |
| 88 | 102 | 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. |
| 89 | 103 | |
| 90 | -= Is block saved after I click 'Create' in 'Create New Code Block' form? = | |
| 91 | -Yes. The block is created and saved in your database. In order to discard the block, you have to delete it. | |
| 104 | += Is a code block saved after I click 'Create' in 'Create New Code Block' form? = | |
| 105 | +Yes. The block is created and saved in your database. In order to discard the block, you have to delete it, then click the 'Save All Changes' button. | |
| 92 | 106 | |
| 93 | -= Is block orders immediately saved after drag-and-drop block box? = | |
| 94 | -No. In order to save blocks order you need to press 'Save All Changes' button. | |
| 107 | += After shuffling the order of the code blocks using drag-and-drop, is the new code block order immediately saved? = | |
| 108 | +No. In order to save the code blocks order, you need to click the 'Save All Changes' button. | |
| 95 | 109 | |
| 96 | -= Is block immediately deleted after removed from the blocks list page? = | |
| 97 | -No. After delete block you need to click 'Save All Changes' button. | |
| 110 | += Is a code block permanently deleted from the blocks list page after a code block delete icon is clicked? = | |
| 111 | +No. After you delete a code block, you then need to click the 'Save All Changes' button. | |
| 98 | 112 | |
| 99 | 113 | = I'm using the URLs tab and my code is not working? = |
| 100 | -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. | |
| 114 | +Make sure you have copied and pasted the Page, Post, or Category URL exactly as it appears in the browser address bar. For example, you may have inadvertently included an extra forward slash at the end of your URL. | |
| 101 | 115 | |
| 102 | -= Why use the Footer switch in Location/Hook? = | |
| 103 | -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. | |
| 116 | += Why use the Hook switch in the code block bar? = | |
| 117 | +The hook location feature gives you further control over the outputting of your CSS and JavaScript code. This is useful in case overriding another plugins' CSS code is required. Also, it's sometimes better to put your JavaScript code in the footer to avoid slowing down your page load. | |
| 104 | 118 | |
| 105 | 119 | = I received a weird error, what do I do now? = |
| 106 | -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). | |
| 120 | +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 then [purchase a license for any of our premium CJT PLUS products](https://css-javascript-toolbox.com/pricing). | |
| 107 | 121 | |
| 108 | -== Screenshots == | |
| 109 | -1. Add your code, then assign where it goes | |
| 110 | -2. Create New Code Block dialog box | |
| 111 | -3. Master Admin Toolbar at top, and minimised Code Blocks below | |
| 112 | -4. Change editor language for syntax highlighting and error checking | |
| 113 | -5. Assigning WordPress Pages and sub-pages | |
| 114 | -6. Assigning WordPress Posts | |
| 115 | -7. Assigning Custom Posts | |
| 116 | -8. Assigning Categories and sub-categories | |
| 117 | -9. Auxiliary Assignments | |
| 118 | -10. Advanced Assignments (URLs and Regular Expressions) | |
| 119 | -11. Change State batch tools (CJT PLUS ONLY) | |
| 120 | -12. Change Location/Hook batch tools (CJT PLUS ONLY) | |
| 121 | -13. Delete and Backup Tools | |
| 122 | -14. Code-Files management within each Code Block (CJT PLUS ONLY) | |
| 123 | -15. Templates Manager form to store all of your Code Templates | |
| 124 | -16. Templates Lookup form to embed or link Code Templates to Code Blocks | |
| 125 | -17. Insert Code Block shortcodes via TinyMCE button (CJT PLUS ONLY) | |
| 126 | -18. Metabox Code Block at the Edit Page/Post level | |
| 127 | -19. Create backups of all your existing Code Blocks | |
| 128 | -20. Create/Restore Code Block revisions (CJT PLUS ONLY) | |
| 129 | -21. See Code Block information at a glance (CJT PLUS ONLY) | |
| 122 | +== Changelog == | |
| 123 | += 11.5 = | |
| 124 | +* Compatibility: PHP version 8+ | |
| 125 | +* Compatibility: MySQL version 8+ | |
| 126 | +* Fix: Duplicate ID issue, which on rare occasions was fetching the 'revision block' ID for a newly created block causing an error for duplicate entry | |
| 127 | +* Enhancement: If the 'wp-content' directory is renamed to something different (e.g. 'content'), CJT will now find any custom content directories and install correctly | |
| 130 | 128 | |
| 131 | -== Changelog == | |
| 129 | += 11.4 = | |
| 130 | +* Removed: Auxiliary and Advanced tabs are removed for CJT new installs. Existing CJT users with active code blocks still get them | |
| 131 | +* Enhancement: All mouse hover-over popups are faster and more responsive | |
| 132 | + | |
| 133 | += 11.3 = | |
| 134 | +* Fixed: URL Assignment tab is now working as expected | |
| 135 | +* Fixed: Inverter functionality was not being displayed in the frontend | |
| 136 | + | |
| 137 | += 11.2 = | |
| 138 | +* Added: New links for CJT PLUS license validation | |
| 139 | + | |
| 140 | += 11.0 = | |
| 141 | +* Added: 8 More Hooks (Body Open, Before Post Content, After Post Content, Before Post, Excerpt, After Post Excerpt, Before Posts List, After Posts List, Before Post | |
| 142 | +* Enhancement: Assignments Panel | |
| 143 | +* Enhancement: Templates Panel | |
| 144 | +* Enhancement: Code Files Panel | |
| 145 | +* Enhancement: Revisions Panel | |
| 146 | +* Enhancement: Code Block Toolbar | |
| 147 | +* Enhancement: Code Block InfoBar (added Shortcode copy feature) | |
| 148 | +* Enhancement: Group Font Size Buttons | |
| 149 | +* Enable/Disable: Toolbox menu when block is saved | |
| 150 | +* Fix: Framework incompatibility version | |
| 151 | +* Fix: Metabox Block InfoBar elements | |
| 152 | +* Fix: Minifier was not working | |
| 153 | +* Moved: Code Block Toolbar buttons | |
| 154 | +* Moved: Code Block Toolbar editor menu (i.e. File, Edit, Settings) to Editor Toolbar as buttons | |
| 155 | +* Removed: Clear Block (clears all Code Block code) Editor Toolbar button | |
| 156 | +* Removed: Footer/Header All batch buttons | |
| 157 | +* Show: Incompatible Hooks "Warning" Notice | |
| 158 | + | |
| 132 | 159 | = 10.0 = |
| 133 | 160 | * Fix: Styling fixes for WordPress version 5.5 |
| 134 | 161 | * Enhancement: Updated ACE Editor to v1.4.12 |
| 135 | 162 | * Enhancement: Improve snippet manager |
| @@ -249,11 +276,11 @@ | ||
| 249 | 276 | * Feature: Block File, Edit and View Menus. |
| 250 | 277 | * Feature: 'Load Local', 'Load Url' and 'Reload' to load Block Code from Local File, Url and Reload From Server respectively. |
| 251 | 278 | * Feature: Save/Download Block Current Active Code File. |
| 252 | 279 | * Feature: Undo, Redo, Find, Find Next, Find Previous, Replace, Goto Line, Goto Line Up, GoTo Line Down, GoTo Next Error, GoTo Previous Error, Fold, Fold All, UnFold, UnFold All, To Lower Case and To Upper Case Edit Menu functions added. |
| 253 | -* Feature: 'Settings' Edit Menu item for Fully Customize Code Editor Fonts, Show/Hide Print Margine, Keybinding Methods, Show/Hide Scroll, Scroll Speed, Readonly, Show/Hide Gutter, TAB Size, New Line Mode and much more! | |
| 280 | +* Feature: 'Settings' Edit Menu item for Fully Customize Code Editor Fonts, Show/Hide Print Margin, Keybinding Methods, Show/Hide Scroll, Scroll Speed, Readonly, Show/Hide Gutter, TAB Size, New Line Mode and much more! | |
| 254 | 281 | * Enhancement: Show/Hide StatusBar via View StatusBar Menu. |
| 255 | -* Enhancement: CJT Website is now support Full documentation Tutorials that expose many internal features/possibilities that can be achived by CJT. | |
| 282 | +* Enhancement: CJT Website is now support Full documentation Tutorials that expose many internal features/possibilities that can be archived by CJT. | |
| 256 | 283 | * Enhancement: Code Blocks disappeared after upgrading to Wordpress 3.9 and sever running PHP >= 5.5. |
| 257 | 284 | * Enhancement: Packages Management System (BETA) |
| 258 | 285 | * Enhancement: Define Shortcode Parameters by creating package and input their values from the CJT Shortcode Parameters form. |
| 259 | 286 | |
| @@ -267,9 +294,9 @@ | ||
| 267 | 294 | * Remove: New Block Form Activate, Location Hook and Initial position fields. |
| 268 | 295 | * Remove: Block Revisions. |
| 269 | 296 | * Remove: Blocks Backup and Restore. |
| 270 | 297 | * Remove: Assignment Panel Select-Childs Checkboxes. |
| 271 | -* Remove: Minimize and Mazimize All. | |
| 298 | +* Remove: Minimize and Maximize All. | |
| 272 | 299 | * Remove: Batch Process (Delete All and Delete Empty). |
| 273 | 300 | * Remove: Output Location Switch (Header and Footer). |
| 274 | 301 | * Remove: State Switch (Activate, Deactivate and Invert). |
| 275 | 302 | * Remove: Shortcode TinyMCE button (Community users has to write Shortcode manually). |
| @@ -402,13 +429,9 @@ | ||
| 402 | 429 | = 0.3 = |
| 403 | 430 | * Launch: This is the very first release of CSS & JavaScript Toolbox |
| 404 | 431 | |
| 405 | 432 | == Upgrade Notice == |
| 406 | -= 10.0 = | |
| 407 | -* Fix: Styling fixes for WordPress version 5.5 | |
| 408 | -* Enhancement: Updated ACE Editor to v1.4.12 | |
| 409 | -* Enhancement: Improve snippet manager | |
| 410 | -* Enhancement: Add placeholder option | |
| 411 | -* Added: Option to disable auto-indent | |
| 412 | -* Added: New language modes | |
| 413 | -* Fix: Double space being converted to dot on mobile keyboards | |
| 414 | -* Fix: Backspace not working with some mobile keyboards | |
| 433 | += 11.5 = | |
| 434 | +* Compatibility: PHP version 8+ | |
| 435 | +* Compatibility: MySQL version 8+ | |
| 436 | +* Fix: Duplicate ID issue, which on rare occasions was fetching the 'revision block' ID for a newly created block causing an error for duplicate entry | |
| 437 | +* Enhancement: If the 'wp-content' directory is renamed to something different (e.g. 'content'), CJT will now find any custom content directories and install correctly | |
