Skip to main content

Extension to Mockup's patterns.

Project description

Highlightjs for Plone 5.
============================

This addon integrates https://highlightjs.org/ via https://github.com/pcdummy/pat-highlightjs into Plone 5.

Patternslib searches for pre tags and calls https://github.com/pcdummy/pat-highlightjs/blob/master/src/pat-highlightjs.js#L46 on it.


Usage
=====

mockup-highlightjs has 3 profiles:

- **default**: Means register js/css and a extra bundle + download for highlightjs.
- **registerjs**: Just register js/css and include somewhere else.
- **uninstall**: Uninstall both of the above.

registerjs Usage:

Add to **YourAddon.site/profiles/default/metadata.xml**::

<?xml version="1.0"?>
<metadata>
<version>1000</version>
<dependencies>
<dependency>profile-mockup-highlightjs:registerjs</dependency>
</dependencies>
</metadata>

Add to **YourAddon.theme/profiles/default/registry.xml**::

<!-- bundle definition -->
<records prefix="plone.bundles/youraddon-bundle"
interface='Products.CMFPlone.interfaces.IBundleRegistry'>
<value key="resources">
<element>mockup-bundles-highlightjs</element>
<element>mockup-styles-highlightjs-monokai-sublime</element>
</value>
<value key="enabled">True</value>
<value key="compile">True</value>
<value key="jscompilation">++theme++youraddon/js/bundle-compiled.js</value>
<value key="csscompilation">++theme++youraddon/css/persona-compiled.css</value>
<value key="last_compilation">2016-01-31 00:00:00</value>
</records>



Bootstrap the JS environment for pattern development
----------------------------------------------------

Make sure, you have `GNU make`, `node` and `git` installed.

Then::

$ git clone https://github.com/collective/mockup-highlightjs.git
$ cd mockup-highlightjs
$ make bootstrap

Then::

$ python -m SimpleHTTPServer
$ chrome http://localhost:8000


Run the tests.

In watch mode::

$ make test pattern=pattern-highlightjs

Only once::

$ make test-once pattern=pattern-highlightjs

In Google Chrome browser::

$ make test-dev pattern=pattern-highlightjs


Generate **registerjs entries** for all the available styles::

$ src/mockup-highlightjs/scripts/echo_less_resources.sh
$ src/mockup-highlightjs/scripts/echo_less_resources-remove.sh


Bootstrap Plone for testing the Plone integration
----------------------------------------------------

Just use the provided ``make`` target commands (see ``Makefile``, for what they
are doing).

.. note::

The make targets to bootstrap Plone erase the ``var`` directory! You will
loose any changes made to your Plone database.

$ make plone


Contribute
----------

- Issue Tracker: https://github.com/collective/mockup-highlightjs/issues
- Source Code: https://github.com/collective/mockup-highlightjs


Support
-------

If you are having issues, please let me know.


License
-------

The project is licensed under the BSD license.

Changelog
=========

1.0.0-alpha.2 (2016-04-04)
--------------------------

- Fix make bootstrap by:
- adding resolutions to bower.json.
- Use http://semver.org/ for versioning.
[pcdummy]

1.0a1 (2016-02-14)
------------------

- Initial release.
[pcdummy]

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

mockup-highlightjs-1.0.0a2.tar.gz (239.1 kB view details)

Uploaded Source

File details

Details for the file mockup-highlightjs-1.0.0a2.tar.gz.

File metadata

File hashes

Hashes for mockup-highlightjs-1.0.0a2.tar.gz
Algorithm Hash digest
SHA256 1632d37b85e5ec0cc847bfe54a53ac7f4fc175db89d1841e874afe7360ec5185
MD5 ce8e1c7af6d8575fe29975e1c78bc210
BLAKE2b-256 155c9c9393845bc31cf618dc336f1aa15d4896949205bd996531880759561818

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page