Skip to content

Instantly share code, notes, and snippets.

@iegik

iegik/bootstrap-editor.js

Created July 9, 2012 13:08
Show Gist options
  • Save iegik/3076462 to your computer and use it in GitHub Desktop.
Save iegik/3076462 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap HTML5 Editor
Raw
bootstrap-editor.js
$.fn.editable = function(options) {
var opts = $.extend({}, $.fn.editable.defaults, options);
return this.each(function() {
this.style.webkitApperiance = 'textarea';
this.contentEditable=true;
});
}
$.fn.editable.defaults = {
}
$.fn.editor = function(options) {
var opts = $.extend({}, $.fn.editor.defaults, options);
return this.each(function() {
console.log(this.id);
$('.'+$(this).data('toggle')).editable();
// new save print bold/strong italic/em stroke center start end justify ol
$(this).find('[data-target="strong"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.startOffset != range.endOffset && range.extractContents() || range.commonAncestorContainer;
var tag = document.createElement("strong");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="ephasis"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.startOffset != range.endOffset && range.extractContents() || range.commonAncestorContainer;
var tag = document.createElement("em");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="stroketrougth"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.startOffset != range.endOffset && range.extractContents() || range.commonAncestorContainer;
var tag = document.createElement("del");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="align-start"]').click(function(){
var range = window.getSelection().getRangeAt(0);
range.commonAncestorContainer.parentElement.style.textAlign = 'start';
});
$(this).find('[data-target="align-end"]').click(function(){
var range = window.getSelection().getRangeAt(0);
range.commonAncestorContainer.parentElement.style.textAlign = range.commonAncestorContainer.parentElement.style.textAlign == 'end'?'':'end';
});
$(this).find('[data-target="align-justify"]').click(function(){
var range = window.getSelection().getRangeAt(0);
range.commonAncestorContainer.parentElement.style.textAlign = range.commonAncestorContainer.parentElement.style.textAlign == 'justify'?'':'justify';
});
$(this).find('[data-target="align-center"]').click(function(){
var range = window.getSelection().getRangeAt(0);
range.commonAncestorContainer.parentElement.style.textAlign = range.commonAncestorContainer.parentElement.style.textAlign == 'center'?'':'center';
});
$(this).find('[data-target="bullets"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.startOffset != range.endOffset && range.extractContents() || range.commonAncestorContainer;
var tag = document.createElement("ul");
var subtag = document.createElement("li");
subtag.appendChild(selectionContents);
tag.appendChild(subtag);
range.insertNode(tag);
});
$(this).find('[data-target="numbering"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.startOffset != range.endOffset && range.extractContents() || range.commonAncestorContainer;
var tag = document.createElement("ol");
var subtag = document.createElement("li");
subtag.appendChild(selectionContents);
tag.appendChild(subtag);
range.insertNode(tag);
});
$(this).find('[data-target="pull"]').click(function(){
});
$(this).find('[data-target="push"]').click(function(){
});
$(this).find('[data-target="webcam"]').click(function(){
});
$(this).find('[data-target="float-left"]').click(function(){
var range = window.getSelection().getRangeAt(0);
range.commonAncestorContainer.children[0].style.float = range.commonAncestorContainer.children[0].style.float == 'left'?'':'left';
});
$(this).find('[data-target="float-right"]').click(function(){
var range = window.getSelection().getRangeAt(0);
range.commonAncestorContainer.children[0].style.float = range.commonAncestorContainer.children[0].style.float == 'right'?'':'right';
});
$(this).find('[data-target="float-top"]').click(function(){
var range = window.getSelection().getRangeAt(0);
range.commonAncestorContainer.children[0].style.float = 'none';
});
$(this).find('[data-target="paragraph"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.commonAncestorContainer;
var tag = document.createElement("p");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="heading1"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.commonAncestorContainer;
var tag = document.createElement("h1");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="heading2"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.commonAncestorContainer;
var tag = document.createElement("h2");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="heading3"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.commonAncestorContainer;
var tag = document.createElement("h3");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="heading4"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.commonAncestorContainer;
var tag = document.createElement("h4");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="heading5"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.commonAncestorContainer;
var tag = document.createElement("h5");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="heading6"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.commonAncestorContainer;
var tag = document.createElement("h6");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="quote"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.startOffset != range.endOffset && range.extractContents() || range.commonAncestorContainer;
var tag = document.createElement("blockquote");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
$(this).find('[data-target="monospace"]').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.commonAncestorContainer;
var tag = document.createElement("pre");
tag.appendChild(selectionContents);
range.insertNode(tag);
});
});
}
$.fn.editor.defaults = {
}
Raw
editor.html
<!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]--><!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]--><!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]--><!--[if gt IE 8]><html class="no-js" lang="en"><![endif]--><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"/><script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js">window.jQuery || document.write('<script src="js/libs/modernizr/2.5.min.js"><\/script>')</script><script>(function(w,d,u){w.readyQ=[];w.bindReadyQ=[];function p(x,y){if(x=="ready"){w.bindReadyQ.push(y);}else{w.readyQ.push(x);}};var a={ready:p,bind:p};w.$=w.jQuery=function(f){if(f===d||f===u){return a}else{p(f)}}})(window,document) // Safty on-ready jQuery calling Part 1</script><style>.editor .editable{
width: 203px;
min-height: 174px;
max-width: 203px;
min-height: 174px;
margin: 0px 1em 0px 0px;
display:block;
}
.btn-sticker {
color: #888;
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAhCAYAAAARfqOAAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI WXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AcGDB82NZmXWwAAABl0RVh0Q29tbWVudABDcmVhdGVk IHdpdGggR0lNUFeBDhcAAAGcSURBVHja7ZvhboUgDIVPjQ+/Z/Q1tizZ5m7vH02MqdBW7jXqOQlR C4LSj8IPELSR4H2a21Ico6PafWlnZvJlhy1a9hXO0GS+BuqXHd+oRwBQepaKTZzlau+VYNAGnaSO +0heth59IXhhAExnDcMwgrqyPvrCqBT2z/XVGRGBANwQgBYLMuoCEYDOJwAUAaAIAEUAKAJAEQCK AFAEgCIAFAGgCABFACgCQBEAigBQBIA6ufoNu7Jr7qH1tmxP6pK2rtKO9T2R/4jmS/DZU9fecxHe /57PG5TKKoAHgB8AXwA+AXwDGCe7GQHW+9YtJz0qzvPYItcoABIoL446aveR/4icmcjAJQYAc9Kt KcA6waIblEmwA8XpIEmMgkx57/ci4Uxx2LwHZCRZx/I6A/A/JROCfjXylyCoo3Oz4U3RduOp7HxH gvnZSBABxDNVlmCZo/UvgL8tCHrH4q/krLMtFqVROWkUZTzH7KLT7Hq6Hqd1wDj5S/eOnKsvit9V nzSApxZRdAGBGQEIwDkgy0ScZZRWa/QTgHsBZU7XTxcLV7ceAX9FAAAAAElFTkSuQmCC') right no-repeat !important;
height: 33px;
min-width: 50px;
border: 0;
line-height: 28px;
}
.btn-square{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.icon-num-list {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAgMAAABiJsVCAAAADFBMVEUAAAD///8ZGRkzMzPBdZZR AAAAAnRSTlMAQABPjKgAAAABYktHRAH/Ai3eAAAAK0lEQVQI12NggAOlVasaGIz//z/AIBga6sCg pAXi2oO4oli4SiCuMZALAgBh3xI6mW0ucgAAAABJRU5ErkJggg==');
background-position: 0 0;
}
.icon-quote {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQAgMAAACNX3zMAAAACVBMVEUAAGdxc3DAwr/r/PLdAAAA AXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfcBwYS CRIDukgnAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAADlJREFUCNdjYMAE agwBQHIGowMDA1MCawMDA6ODGlCAc4EIiAwTBcpyhopGAMXDVIFsphDOBAZcAABD7AZ1suiqdwAA AABJRU5ErkJggg==');
background-position: 0 0;
}
.icon-float-left {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAgMAAABiJsVCAAAADFBMVEUAAAD///8ZGRkzMzPBdZZR AAAAAnRSTlMAQABPjKgAAAABYktHRAH/Ai3eAAAAK0lEQVQI12NggAOtZasaGLSW/z/AoLU01AHC tf8O5IqGgrirQNz/mFwQAADS0hbS4xjzcwAAAABJRU5ErkJggg==');
background-position: 0 0;
}
.icon-float-right {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAgMAAABiJsVCAAAADFBMVEUAAAD///8ZGRkzMzPBdZZR AAAAAnRSTlMAQABPjKgAAAABYktHRAH/Ai3eAAAAKUlEQVQI12NggAOtlasaGOz/AgnRUCAB5f4/ AOSGOjBorQJx/2NyQQAA1TMW5GxuY5oAAAAASUVORK5CYII=');
background-position: 0 0;
}
.btn-group > .btn:first-child {
margin-left: 1em;
}
p img {
display: block;
margin: 0 auto;
}
section#magazine{
-webkit-column-count: 3;
-webkit-column-rule: 1px solid #bbb;
-webkit-column-gap: 2em;
}
.alignleft{
float:left;
margin-right: .5em;
}
.alignright{
float:right;
margin-left: .5em;
}</style></head><body class="container"><!--[if lt IE 7]><p class="chromeframe">Your browser is<em>ancient!</em><a href="http://browsehappy.com/">Upgrade to a different browser</a>or<a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a>to experience this site.</p><![endif]--><header><h1>Bootstrap HTML5 Editor</h1></header><nav><a href="http://iegik.github.com">iegik.github.com</a></nav><div role="main"><div class="well"><div data-toggle="editable" class="nav editor"><span class="btn-group btn-square"><a data-target="new" href="#" title="Add new article after active article" disabled="disabled" class="btn"><i class="icon-file"></i></a><a data-target="download" href="#" title="Download current article or page as separated html(/rtf/pdf) file" disabled="disabled" class="btn"><i class="icon-download-alt"></i></a><a data-target="print" href="#" title="Print article/page in A4 paper" disabled="disabled" class="btn"><i class="icon-print"></i></a></span><span class="btn-group btn-square"><a data-target="strong" href="#" title="Make text bolder or stronger" style="font-weight:700;" class="btn"><!--i.icon-bold-->B</a><a data-target="ephasis" href="#" title="Make text less important" style="font-style:italic;" class="btn"><!--i.icon-italic-->I</a><a data-target="stroketrougth" href="#" title="Stroketrougth text, that no longer needed" style="text-decoration:line-through;" class="btn"><!-- i.icon-strikethrough-->T</a></span><span class="btn-group btn-square"><a data-target="align-start" href="#" title="Left alignment of the text (in left-to-right text)" style="display:none" class="btn"><i class="icon-align-right"></i></a><a data-target="align-center" href="#" title="By default text aligned to the left (in left-to-right text). So, let`s center it." class="btn"><i class="icon-align-center"></i></a><a data-target="align-end" href="#" title="Right alignment of the text (in left-to-right text)" class="btn"><i class="icon-align-right"></i></a><a data-target="align-justify" href="#" title="Lineup from both sides!" class="btn"><i class="icon-align-justify"></i></a></span><span class="btn-group btn-square"><a data-target="bullets" href="#" title="Unordered list - shout bullets in Your list" class="btn"><i class="icon-list"></i></a><a data-target="numbering" href="#" title="Let`s our list get numered" class="btn"><i class="icon-num-list"></i></a><a data-target="push" href="#" title="Move list to the next level" disabled="disabled" class="btn"><i class="icon-indent-left"></i></a><a data-target="pull" href="#" title="Return list to the previews level" disabled="disabled" class="btn"><i class="icon-indent-right"></i></a></span><span class="btn-group btn-square"><span class="dropdown"><a data-target="paragraph" href="#" data-toggle="dropdown" title="Switch to other element" class="btn dropdown-toggle">¶<b class="caret"></b></a><ul class="dropdown-menu"><li><a data-target="heading1" href="#" title="First-level Heading"><h1>H1</h1></a></li><li><a data-target="heading2" href="#" title="First-level Heading"><h2>H2</h2></a></li><li><a data-target="heading3" href="#" title="First-level Heading"><h3>H3</h3></a></li><li><a data-target="heading4" href="#" title="First-level Heading"><h4>H4</h4></a></li><li><a data-target="heading5" href="#" title="First-level Heading"><h5>H5</h5></a></li><li><a data-target="heading6" href="#" title="First-level Heading"><h6>H6</h6></a></li><li><a data-target="quote" href="#" title="Blockquote"><i class="icon-quote"></i></a></li><li><a data-target="monospace" href="#" style="font-family: monospace" title="Some code snippet">{$}</a></li></ul></span></span><span class="btn-group btn-square"><a data-target="image" href="#" title="Upload Image or take screenshot from the webcamera" disabled="disabled" class="btn"><i class="icon-camera"></i></a><a data-target="float-top" href="#" title="Float image to the top" style="display:none" class="btn"><i class="icon-float-top"></i></a><a data-target="float-right" href="#" title="Float object to the right" class="btn"><i class="icon-float-right"></i></a><a data-target="float-left" href="#" title="Float object to the left" class="btn"><i class="icon-float-left"></i></a></span><span class="label">For other staff - just drop it</span></div><section id="magazine"><article class="editable"><h1>Header 1</h1><h2>Header 2</h2><h3>Header 3</h3><h4>Header 4</h4><h5>Header 5</h5><h6>Header 6</h6><blockquote><p>Here text will be <strong>fomatted</strong>, not <b style="font-family: 'Comic Sans MS', cursive, sans-serif; color:pink; font-size:smaller; font-variant: small-caps;">styled</b>!</p></blockquote><p>You can use <strong>strong, </strong><em>emphasis, </em>or <s>stroked </s>elements. Numbering and bullets:</p><ol><li>First element<ol><li>Sub element</li></ol></li><li>Second element<ul><li>Sub element</li></ul></li></ol><ul><li>First element<ol><li>Sub element</li></ol></li><li>Second element<ul><li>Sub element</li></ul></li></ul><pre>&lt;style&gt;
.alignleft{
float:left;
margin-right: .5em;
}
.alignright{
float:right;
margin-left: .5em;
}
&lt;/style&gt;</pre></article><hr/><article class="editable"><p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABcCAMAAADODcLkAAAAA3NCSVQICAjb4U/gAAAACXBIWXMA AA4fAAAOHwGPHv4jAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAuJQTFRF ////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/bqX dAAAAPV0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4v MDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9QUVJTVVZXWFlaW1xdXl9gYWJjZGZnaGlq a2xtbm9wcXJzdHV2d3h5ent8fX5/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnqChoqOl pqeoqqusra6vsLGys7S1tre4ubq7vL2+v8DBwsPExcbIycrMzc7P0NHS1dbX2Nrb3N3e3+Dh4uPk 5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f7Dy0UHAAAHD0lEQVQYGa3BfUCU9QEH8O/dcXiglqYO RJ2hZibQlpqzSPOlzTBJF8iWLwtdNh0tzVCboplvoyyn0QuZaC5TzBfChBTQuRkzUULQTCJ8Q0AE NO7u+/+e3+95uTte5A7v8wF8ETUHfmX9tswMf1pFxqGj7plkQTMjmshMdFhF+Rv94c5WTLLWio7K IB1fxZlhSKQwFh31PIXjg6HLp/AGOqqXk0JDElT9nRTS4KE7vHeSqpmQ4ilth5tu72bDe+upKoWU SOkLGO597Sqz4b0x1HSFkEQpA5q+G+tI7oUPcik1QFpKKRGqmOsU1sAHEU0UdkHq+7WT5E/BkF53 UHoGvkh2kCwJhyY0enxMFKQRVDnvg0+GL14/Ixit2EBVIfwkg6oE+CQIbVlCqcQMX/zi34GQdp6v vHxix8qpAdANvkXhj/DJUqZBGtZEqSIlFJrnqkn7CvjEfIEcDWklNfXjoQmKmdofvoklmQ3JepKa miAAkx9De1JzSuvr62pOb53XB7qDVPwaUtRtamKAQeS7aEc6dbVzTZD6OqnYDNUCakYBb5Jr0I77 q2iIh/QnCiehSaZUZIbpAhmL9jztoO5xSBkU7F2gmddI8rvBwHiSvSA9irbFN1ITAuk7SqOhC1lX c+AeANvIMkjra4PRtujLlK5CVUwpGi5dTQC63CQ/hcKylZyBO+j+oZOKZ6EqpPQwhNUm6F4gOQ9A 0H6SH+GOHlr69b9mQpNLKRyKKfwLdIdIex8g+BgVmfBGyLrXOwMheSQb11oBWM+yNhSqnk1kNoCP KeTDxRQ+efH2sWjFHjLXDCBscnRPCAtIroTqRZLxQBylnVBZ47YV1pM8Y0Er3iK5Cm5+IPmjBdJh sqoTUEFpGQTbmkqqYtGaqNukcwoMvSlMgRBiJzcDA6h6GsIhagrgyRY1eYgZwCKSPz8P3RQKaRDm k3wEmEmp3AJFNHUj4SZ07XkHyRv59wFvknS+DM0aCnkQjpJFADZSSoEwh5rP4TJkyy1qFgNYTsVq qHIpXIIikuRCAGGlVJywQUig6lIYdI/vc9KQCUUKFelmCOcoBQLYStpDoOh3mszvDalbHYWmMTAM 2UuXfRB2UvGJCYoCChUAQm+RX0LVPxJCTwDJFBbA3ej/UvcShOBTVGyA4p8UcgFsIjkN7hIbcmzA 3GJn8XNoJr6UUsO9kO6/SsVyAN3KqdgIDHeQ1Ta42LaQXAKFDS1ZnvhHcU35mVRoxjVRkQSg1wsf vBRpgqWQ5Ba4DPyWinMmeGkBFc5Z0KVSMQuGqTUUsm3wkukwFY75UCVTGAJNQCoFxzITvPbLWgor ICRRqDFB1fsoheOjIAwMglcSKR0ZhIE5lHIhBfytmoqzcRAiKtiY9SBasKKF/ZQaMhqoWgNhYjEV l+dbIZiOU1E3HW4eee9oWf33wZAsnaALvUZPzwLWiVkUPu4K1UCq0m3QxBZSWgYg5NRlB68VfflK bwjz6Wn5+sxqCjXToIumpigMgnUDNf+DYgtVjiMRAKzn2KprETDEUZdvAdDvP9Q5zABC66ip/R2A 6WxN3aNwGXaRupXApGs03ISwmLp6K2A6xZZujYeia2zKU4FQdH6rjirHWIz78Ap1OZCWOqnKg2IS W5oNxcjrJKsiIAROeKegpNpZkbcCgOWp9EtU2L+PgGpaI6UlEI6xuXwowm9QuNgHBjMMQeGjHrDC 8NgVKqoGQEhgM7cfguKvVGXAG71X/XSr9GFIthp6Wg1hK1WNPeAVEwzp9FBjg/AiNa/CV9H08Cmk ToVUfQOfldHdVKh6bqOqH9pk6Q6XXhMWpr6z6f3XxgSn0M3NIOiePENhCVqXsP1kY9UASNaJ6RXU 2X+gm11wMY1KLSMrbWhF+CEKpzsDGJ52nW16GZ7CJyYNQUsT6qmajsGFvJPZ8MaD1dS8jRLeUQK8 0KOUut9jXcqrc2fEL0j7qqyJrZiM9gUWULfbBJcufz7BFsahfRnUnJ+PZqLS7PQ0EoItMnZEZ7TB Mm7RjqycnPTkJ0xQdc88vHm2BdKYH+nhtwASLzhIOi9kJw+FVzKpyOsJqccBuvs7EEuX0v5o31BK i6D5hG4OAFk02KfDC/MofQZNUBFdrgCnqGuMhzc+o5QC3eAbdAnHcWoqfwOvlFMaBcMsuvwBcyjV buoD79RT+AIulnIa3gZm5pfmps/tCm/VUnE9FG5W0pALn1VRMQvu+jmouwqfVZLMhqcsGsLgqyzy eA94WkhDDHz1Cnfb0MwzNCyFryI3mtHcAzTshD8E/EzdYfhFCXUH4RfHqNsHv/iGut3wi9PUfQ6/ OEvdXvjFReoOwi+uUFcAf5hpp65pAO7a0O10c8SGuzNol5MesgNxN37VwOb2BOAuzEj9YMf+vMKz lTftNeXFJ3L3bHtv7TC04f8NHuuBw4HGRAAAAABJRU5ErkJggg==" alt="tree" width="80" height="92"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis.</p><p>Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</p></article><hr/><article class="editable">Et mollis nunc diam eget sapien. Nulla facilisi. Etiam feugiat imperdiet rhoncus. Sed suscipit bibendum enim, sed volutpat tortor malesuada non. Morbi fringilla dui non purus porttitor mattis.
Suspendisse quis vulputate risus. Phasellus erat velit, sagittis sed varius volutpat, placerat nec urna. Nam eu metus vitae dolor fringilla feugiat. Nulla.</article></section></div></div><footer><p>Copyright © 2012. All rights reserved.</p></footer><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script>window.jQuery || document.write('<script src="js/libs/jquery/1.7.min.js"><\/script>')</script><script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script><script src="bootstrap-editor.js"></script><script>(function($,d){
$.each(readyQ,function(i,f){$(f)});$.each(bindReadyQ,function(i,f){$(d).bind("ready",f)}) // Safty on-ready jQuery calling Part 2
// other jQuery`s code here
$('.dropdown-toggle').dropdown()
$('.editor').editor()
})(jQuery,document)</script><script>var _gaq=[['_setAccount','XX-88888888-8'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));</script></body></html>
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment