We realise this documentation (below) is massively outdated, so we are starting again. The new documentation will be more thorough with less words, more practical with great examples, as well as a lot more easier to understand overall. Please continue to come back to the progress here: https://css-javascript-toolbox.com/documentation

CJT comes with an Advanced Code Editor that supports many languages, which is a necessity these days for almost all WordPress users.

  • Syntax highlighting for four languages (i.e. CSS, HTML, JavaScript, PHP)
  • Over 20 editor themes (GitHub, Eclipse, Chrome, Textmate, etc – more can be imported)
  • Automatic indent and outdent
  • Handles huge documents (four million lines seems to be the limit!)
  • Fully customizable key bindings including Vim and Emacs modes
  • Highlight matching parentheses
  • Toggle between soft tabs and real tabs
  • Displays hidden characters
  • Drag and drop text using the mouse
  • Line wrapping
  • Code folding
  • Multiple cursors and selections
  • Live syntax checker (currently JavaScript, CoffeeScript, CSS, XQuery)
  • Cut, copy, and paste functionality

Supported Languages

The CJT code editor currently supports syntax highlighting and error checking for four languages.

  • CSS (Cascading Style Sheet)
  • HTML (HyperText Markup Language)
  • JS (JavaScript)
  • PHP (PHP: Hypertext Preprocessor)

Fresh install — WordPress Plugins interface

  1. Download CJT zip package (for CJT Dev – see purchase receipt)
  2. Login to WordPress Dashboard
  3. Open Plugins page
  4. Upload the zip package and Activate the plugin
  5. Click on the CSS & JavaScript Toolbox Dashboard menu and follow the admin notice on the TOP to complete the installation process

Fresh install — FTP

  1. Connect to WordPress server using FTP
  2. Unzip the CJT package
  3. Upload css-javascript-toolbox folder found in the zip package to wp-content/plugins folder
  4. Open Plugins page and Activate the CJT plugin
  5. Click on the CSS & JavaScript Toolbox Dashboard menu and follow the admin notice on the TOP to complete the installation process

Fresh install — Host Panel File Manager

  1. Login to Host Panel
  2. Open Files Manager provided by the Host Panel
  3. Upload the zip package to wp-content/plugins folder
  4. Use File Manager Tools to unzip the package
  5. After a new folder named ‘css-javascript-toolbox’ appears, delete the zip package you uploaded
  6. Open Plugins page and Activate the CJT plugin
  7. Click on the CSS & JavaScript Toolbox Dashboard menu and follow the admin notice on the TOP to complete the installation process

Automatic upgrades

Like any WordPress plugin, CJT would notify you if updates are available from the CJT server. Click on the Update Now link. If there is a database upgrade to be performed, CJT will display admin notification to guide you through this process. You can also go directly to the CSS & Javascript Toolbox page and follow the upgrade steps.


NOTE: CJT does not clean up its database records when deactivated/deleted. If you require all data associated with CJT to be deleted, please click the General Plugin Settings button (cog icon), and under the Uninstall tab, select the Wipe all data! option. Then simply:

  1. Deactivate CJT plugin via WordPress Plugins list page.
  2. Delete CJT plugin via WordPress Plugins list page.

The abbreviation CJT stands for ‘CSS & Javascript Toolbox’.

CJT was originally developed to help users, bloggers, novice and professional developers with integrating code into their WordPress-powered website. It was developed to provide solutions to many common tasks. For example, adding JavaScript snippets or CSS stylesheets into WordPress pages and posts.

CJT was designed to be flexible and very easy to use. In fact, it can be used in as little as two steps – simply adding your code and assigning where the code goes. The possibility of assigning/associating a piece of code to output or run anywhere within WordPress is just the beginning of what CJT can do!


History of CJT

We released our first version of CJT (v0.3) on the WordPress.org plugin repository in September 2011. CJT until version 0.8, could only allow users to run JavaScript and CSS stylesheet code in parallel with WordPress pages and posts. Since then, HTML and PHP support has been added.

Today, CJT (including CJT Free and CJT Dev) has been solidly worked on by two developers for over two years, equating to around 3000 hours of development time. CJT Pro/Dev has now grown to over 930 files and folders totalling 4.3MB (as of v6.4)

CJT’s internal structure is based on the MVC design pattern. In order to make CJT software maintainable over time and to provide our customers with the best support and upgrade service, a lot of development work has gone into the internal structure.

Specific care has also been taken when it comes to deferring. CJT only reserves memory resources and usage processes when it needs to, otherwise it will not get involved. WordPress plugins that get involved when not being used can risk Memory size has been exceeded issues.

The most basic and fundamental task that CJT is developed for, is to allow assigning a piece of code to WordPress pages/posts.

Creating a separate small plugin might be a good solution, however the user has to identify visitor requests and find a way to associate the parallel code. Also when reassigning the code to different pages/posts, updating the plugin would then be required.

CJT is doing all of its functionality behind the scenes. It not only takes the responsibility for identifying the request and running the code, it allows users to manage and organise their code. This is what gives CJT users the chance to clear their headspace from all the other complexities and just focus on the model they wish to create.

Not all users are able to create a WordPress plugin – even a single line WordPress plugin. Some users prefer not to deal with the technical things like connecting through FTP and dealing with programming editors. CJT solves that problem by providing a simple UI that would be easy for most WordPress users who know the basics of making a web site.