Are you over 18 and want to see adult content?
More Annotations
![A complete backup of giovannisfishmarket.com](https://www.archivebay.com/archive2/4881fcf6-2cf0-4367-a2cc-eb1a20c48468.png)
A complete backup of giovannisfishmarket.com
Are you over 18 and want to see adult content?
![A complete backup of essentebilisim.com](https://www.archivebay.com/archive2/64d2dd38-c018-49c2-a8ec-26c42882fb97.png)
A complete backup of essentebilisim.com
Are you over 18 and want to see adult content?
![A complete backup of symphony-cruise.co.jp](https://www.archivebay.com/archive2/cf921d46-3cdd-4564-9f6b-47b0d58618ad.png)
A complete backup of symphony-cruise.co.jp
Are you over 18 and want to see adult content?
![A complete backup of travelinlibrarian.info](https://www.archivebay.com/archive2/65d12f66-679c-4769-9478-c3b5fa10235b.png)
A complete backup of travelinlibrarian.info
Are you over 18 and want to see adult content?
![A complete backup of patriciabarber.com](https://www.archivebay.com/archive2/bbc9be2a-e952-421b-913c-e1dad7b6df2d.png)
A complete backup of patriciabarber.com
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of digitalmagazine.gr](https://www.archivebay.com/archive5/images/f72ce77d-f029-4f8c-8dc6-5eb4f264eee1.png)
A complete backup of digitalmagazine.gr
Are you over 18 and want to see adult content?
![A complete backup of santehnika-tut.ru](https://www.archivebay.com/archive5/images/7e19827e-e6d7-4e35-9879-77df351aea21.png)
A complete backup of santehnika-tut.ru
Are you over 18 and want to see adult content?
![A complete backup of bigwebmaster.com](https://www.archivebay.com/archive5/images/6eb94161-1a50-4d24-9c49-617b552c1b46.png)
A complete backup of bigwebmaster.com
Are you over 18 and want to see adult content?
![A complete backup of europeandomaincentre.com](https://www.archivebay.com/archive5/images/74a7bf8e-f4c7-4d9f-a38a-2b72817583f4.png)
A complete backup of europeandomaincentre.com
Are you over 18 and want to see adult content?
![A complete backup of toyotaracing.com](https://www.archivebay.com/archive5/images/06fa46a9-7597-4c25-ab82-8f4af0aba51e.png)
A complete backup of toyotaracing.com
Are you over 18 and want to see adult content?
![A complete backup of roddersjournal.com](https://www.archivebay.com/archive5/images/1fab966f-fc58-46eb-b9a3-c180a09eaa36.png)
A complete backup of roddersjournal.com
Are you over 18 and want to see adult content?
![A complete backup of vonguteneltern.de](https://www.archivebay.com/archive5/images/c3d9c473-be70-4c6b-867c-847161e9d9fb.png)
A complete backup of vonguteneltern.de
Are you over 18 and want to see adult content?
Text
Toggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
ENLIGHTERJS TINYMCE DEMOToggle Editor
* Getting Started
* Documentation
* Languages
* Themes
* Plugins
* Get It
ENLIGHTERJS
An OpenSource Syntax Highlighter EnlighterJS v2.12.0 is out including new Languages & Themes. View theChangelog
GETTING STARTED
EnlighterJS is a free, easy-to-use, syntax highlighting plugin developed for MooTools. Using it can be as simple as adding a single script and style to your website, choosing the elements you wish to highlight, and EnlighterJS takes care of the rest! PREPARE YOUR SOURECODE Just add the data-enlighter-language attribute to specify the programming language.Roll the Drums..it will be magically transformed intoElement.implement({
...some js code..
});
HIGHLIGHTED CODE
Element.implement({
/**
* Highlights an element/Removes Element highlighting*
* @param {Object, Boolean} EnlighterJS options Object or Boolean value to enable/disable highlighting * @returns {Element} The current Element instance.*/
enlight: function(options){ // mixed input check - options available ? options = (typeof(options) == "undefined") ? {} : options; // convert "true" to empty Object! options = (options===true) ? {} : options; // enlighter instance already available ? var enlighter = this.retrieve('EnlighterInstance'); // hide highlighted sourcecode ? if (options === false){ if (enlighter !== null) { enlighter.enlight(false);}
// highlight sourcecode and use options}else{
// create new enlighter instance if (enlighter === null) { enlighter = new EJS(this, options, null); this.store('EnlighterInstance', enlighter);}
enlighter.enlight(options);}
// element instancereturn this;
},
});
* Element.implement({* /**
* * Highlights an element/Removes Element highlighting* *
* * @param {Object, Boolean} EnlighterJS options Object or Boolean value to enable/disable highlighting * * @returns {Element} The current Element instance.* */
* enlight: function(options){ * // mixed input check - options available ? * options = (typeof(options) == "undefined") ? {} : options;*
* // convert "true" to empty Object! * options = (options===true) ? {} : options;*
* // enlighter instance already available ? * var enlighter = this.retrieve('EnlighterInstance');*
* // hide highlighted sourcecode ? * if (options === false){ * if (enlighter !== null) { * enlighter.enlight(false);* }
* // highlight sourcecode and use options* }else{
* // create new enlighter instance * if (enlighter === null) { * enlighter = new EJS(this, options, null); * this.store('EnlighterInstance', enlighter);* }
* enlighter.enlight(options);* }
*
* // element instance* return this;
* },
* });
Element.implement({
/**
* Highlights an element/Removes Element highlighting*
* @param {Object, Boolean} EnlighterJS options Object or Boolean value to enable/disable highlighting * @returns {Element} The current Element instance.*/
enlight: function(options){ // mixed input check - options available ? options = (typeof(options) == "undefined") ? {} : options; // convert "true" to empty Object! options = (options===true) ? {} : options; // enlighter instance already available ? var enlighter = this.retrieve('EnlighterInstance'); // hide highlighted sourcecode ? if (options === false){ if (enlighter !== null) { enlighter.enlight(false);}
// highlight sourcecode and use options}else{
// create new enlighter instance if (enlighter === null) { enlighter = new EJS(this, options, null); this.store('EnlighterInstance', enlighter);}
enlighter.enlight(options);}
// element instancereturn this;
},
});
GET IT!
EnlighterJS is available as source download including pre-build css +js files.
INSTALL WITH BOWER
You can also use Bower (linked to the GitHub repository) to get the wanted version. $ bower install enlighterjs$ bower install enlighterjs -------------------------MANUAL INSTALLATION
Or download the latest Release from GitHub and extract the files toyour workspace.
EnlighterJS.zip
EnlighterJS.tar.gz
Custom Package
INTEGRATION
Three steps to success. EnlighterJS requires MooTools.Core >= 1.4.5.
1. LINK THE CSS + JS FILES Modify the paths to match your project settings....
...
*
* ...
* **
* **
* ** ...
*
...
...
2. PREPARE YOUR SOURCECODE Starting with just a small piece of javascript code you wish to highlight. Prepare your sourcecode by giving the element (containing the code) an optional data-enlighter-language attribute with the language of the snippet.$('#loading-example-btn').click(function () { var btn = $(this) btn.button('loading') $.ajax(...).always(function () {*btn.button('reset')
});
});
* $('#loading-example-btn').click(function () {* var btn = $(this)
* btn.button('loading') * $.ajax(...).always(function () { * btn.button('reset')* });
* });
*
$('#loading-example-btn').click(function () { var btn = $(this) btn.button('loading') $.ajax(...).always(function () {btn.button('reset')
});
});
3. INITIALIZE IT!
The most simple and elegant way to use EnlighterJS on your page: just add a simple HTML-META-TAG to your page with the desired global config * * READY TO USE EXAMPLES Your instantaneous launch into the world of EnlighterJS. For further information, please refer to the Documentation .EXAMPLE1 VIEW FILE
MINIMAL
A minimalistic example how to use EnlighterJS on your page, using the METAINIT initialization method. This will be the best choice for mostusers.
EXAMPLE2 VIEW FILE
JAVASCRIPT BASED INITIALIZATION. In some cases, it can be more effective using a javascript based initialization - e.g. use different configs for inline+block code.EXAMPLE3 VIEW FILE
ADVANCED USAGE
Some examples for special use-cases. Requires some deeper javascriptknowledge.
WORDPRESS PLUGIN
Enlighter - The most simple way to use EnlighterJS. Full Visual-Editor-Integration. Build-in Theme Customizer. Ready-to-use, Ready-to-post! Enlighter WordPress PluginLICENSE FAQ
EnlighterJS is released under the Terms of The MIT License (X11) . Copyright (c) 2009 Jose Prado, 2013-2015 Andi Dittrich and Contributors SIMPLIFICATION NOT LEGALLY BINDINGIT REQUIRES YOU TO
* Keep the license and copyright notice included in the CSS and JavaScript files when you use them in your works * Included the FULL License in all copies or substantial portions ofthe Software
IT FORBIDS YOU TO
* Redistribute any piece of EnlighterJS without proper attribution * Hold the authors liable for damages as the Software is provided as is without warranty of any kind * Remove Copyright/License information'sIT PERMITS YOU TO
* Use EnlighterJS in personal/private projects * Use EnlighterJS in commercial projects * Use EnlighterJS in internal/closed source projects * Modify the source code IT DOES NOT REQUIRE YOU TO * Push changes you've made back to the project * Add attribution notices/credits to your websiteFULL LICENSE
> The MIT License (X11 License)>
> Copyright (c) 2009 Jose Prado, 2013-2018 Andi Dittrich>
> Permission is hereby granted, free of charge, to any person > obtaining a copy of this software and associated documentation > files (the "Software"), to deal in the Software without > restriction, including without limitation the rights to use, > copy, modify, merge, publish, distribute, sublicense, and/or sell > copies of the Software, and to permit persons to whom the > Software is furnished to do so, subject to the following> conditions:
>
> The above copyright notice and this permission notice shall be > included in all copies or substantial portions of the Software.>
> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, > EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES > OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND > NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT > HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, > WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING > FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR > OTHER DEALINGS IN THE SOFTWARE.* Getting Started
* Prepare your sourecode* Highlighted Code
* Get It!
* Install with Bower * Manual Installation* Integration
* 1. Link the CSS + JS Files * 2. Prepare your sourcecode* 3. Initialize it!
* Ready to use Examples * Example1 View file * Example2 View file * Example3 View file* WordPress Plugin
* License FAQ
* Simplification not legally binding* Full License
ENLIGHTERJS is developed by Andi Dittrich It's released under the Terms of The MIT License (X11) Page created with Bootstrap and driven by the power of MooTools | Glyhpicons | LESS | UnofficialGitHub Buttons
Current Tag v2.12.0 | Download|
Releases |
Custom Packages | Changelog | Issues| Feature Request
Beyond Technology
beyond the visible worldPrivacy Policy |
Contact | Imprint
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0