What are Mouchak Plugins

Mouchak plugins are simply Javascript code and/or CSS styles. The Mouchak content rendering module simply loads the script file in case of Javascript and appends a link tag in case of a CSS file.

Mouchak uses Bootstrap and jQuery and Backbone.js. Hence, extending the site becomes easy. To start with, Mouchak gives a very minimal layout.
This can be very easily themed/customized using a custom CSS file.

The website can be made dynamic by simply writing Javascript code, which can even interact with the Mouchak API, using its types, extending them, using the tagging system, or just pulling content.

The inclusion of popular libraries (Backbone.js, jQuery, Bootstrap) also means, the boilerplate is ready for first-class front-end development, and caters to a large number of developers.

How to write Plugins

Javascript

  • in the Mouchak editor, select a plugin type of content
  • upload the desired Javascript file from your disk (to create a new plugin, simply upload an empty file with .js extension)
  • and Mouchak editor will automatically load your plugin in an ACE editor instance for you to edit it further.
  • optionally, you can also specify a callback to execute when your script has loaded. (in the plugin edit window)

CSS

  • in the Mouchak editor, select a plugin type of content
  • upload the CSS file from your disk (to create a new plugin, upload an empty .css file)
  • and Mouchak editor will automatically load your plugin in an ACE editor instance for you to edit it further.

Using CSS plugins one can customize the website’s style and interface. It is based on Bootstrap layout and all Bootstrap classes are available.

NOTE: The Plugin system has some drawbacks, on which we are working to improve it.