You are not logged in. Please login or register.
Demo english
user: demo
pass: demo
Avaliable languages:
de-DE
en-EN
es-ES
fr-FR
nl-NL
pt-BR
ru-RU
sv-SE
Custom color for theme:
Include in your theme before head
<?php Bootstrap_editor::Colors(); ?>
More info:bootstrap-wysihtml5
UPDATE
How to update:
Unzip and replace files via fttp
bootstrap-wysihtml5.js
wysiwyg-color.css
wow ! that's really nice =P
wht about after i post wht i wrote, will it add any
<p>
or something to kill my design code? 
as normally it likes to do
Nice!
wow ! that's really nice =P
wht about after i post wht i wrote, will it add any
<p>or something to kill my design code?
Sorry I do not understand
Now I understand what you say when you paste code does not detect the
< p >
and puts them as
< span >
I'm already fixing it is problem of the plugin and the tags
tonight fix it and add any button more as {cut}
Now I understand what you say when you paste code does not detect the
< p >and puts them as
< span >I'm already fixing it is problem of the plugin and the tags
tonight fix it and add any button more as {cut}
thanks
fixed the tags and added more buttons.
How to update:
Unzip and replace files via fttp
bootstrap-wysihtml5.js
wysiwyg-color.css
hello nakome,
very nice plugin! I have some small problems with it here.. there are no icons on editor.. (not even in plugin folder it self.. heh)
i am using latest monstra and latest updated plugin (yours) and ff latest release in linux.. perhaps it helps but its not showing in mac pc as well
Hey man hi, Try to view in crome console or in firebug the problem with the icons,
maybe you do not have icons.
Try to copy this in plugins/bootstrap_editor/assets/bootstrap-wysihtml5.css
/* icons in public/assets/img */
[class^="icon-"],
[class*=" icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../../../public/assets/img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;}.icon-white{background-image:url("../../../public/assets/img/glyphicons-halflings-white.png");}.icon-glass{background-position:0 0;}.icon-music{background-position:-24px 0;}.icon-search{background-position:-48px 0;}.icon-envelope{background-position:-72px 0;}.icon-heart{background-position:-96px 0;}.icon-star{background-position:-120px 0;}.icon-star-empty{background-position:-144px 0;}.icon-user{background-position:-168px 0;}.icon-film{background-position:-192px 0;}.icon-th-large{background-position:-216px 0;}.icon-th{background-position:-240px 0;}.icon-th-list{background-position:-264px 0;}.icon-ok{background-position:-288px 0;}.icon-remove{background-position:-312px 0;}.icon-zoom-in{background-position:-336px 0;}.icon-zoom-out{background-position:-360px 0;}.icon-off{background-position:-384px 0;}.icon-signal{background-position:-408px 0;}.icon-cog{background-position:-432px 0;}.icon-trash{background-position:-456px 0;}.icon-home{background-position:0 -24px;}.icon-file{background-position:-24px -24px;}.icon-time{background-position:-48px -24px;}.icon-road{background-position:-72px -24px;}.icon-download-alt{background-position:-96px -24px;}.icon-download{background-position:-120px -24px;}.icon-upload{background-position:-144px -24px;}.icon-inbox{background-position:-168px -24px;}.icon-play-circle{background-position:-192px -24px;}.icon-repeat{background-position:-216px -24px;}.icon-refresh{background-position:-240px -24px;}.icon-list-alt{background-position:-264px -24px;}.icon-lock{background-position:-287px -24px;}.icon-flag{background-position:-312px -24px;}.icon-headphones{background-position:-336px -24px;}.icon-volume-off{background-position:-360px -24px;}.icon-volume-down{background-position:-384px -24px;}.icon-volume-up{background-position:-408px -24px;}.icon-qrcode{background-position:-432px -24px;}.icon-barcode{background-position:-456px -24px;}.icon-tag{background-position:0 -48px;}.icon-tags{background-position:-25px -48px;}.icon-book{background-position:-48px -48px;}.icon-bookmark{background-position:-72px -48px;}.icon-print{background-position:-96px -48px;}.icon-camera{background-position:-120px -48px;}.icon-font{background-position:-144px -48px;}.icon-bold{background-position:-167px -48px;}.icon-italic{background-position:-192px -48px;}.icon-text-height{background-position:-216px -48px;}.icon-text-width{background-position:-240px -48px;}.icon-align-left{background-position:-264px -48px;}.icon-align-center{background-position:-288px -48px;}.icon-align-right{background-position:-312px -48px;}.icon-align-justify{background-position:-336px -48px;}.icon-list{background-position:-360px -48px;}.icon-indent-left{background-position:-384px -48px;}.icon-indent-right{background-position:-408px -48px;}.icon-facetime-video{background-position:-432px -48px;}.icon-picture{background-position:-456px -48px;}.icon-pencil{background-position:0 -72px;}.icon-map-marker{background-position:-24px -72px;}.icon-adjust{background-position:-48px -72px;}.icon-tint{background-position:-72px -72px;}.icon-edit{background-position:-96px -72px;}.icon-share{background-position:-120px -72px;}.icon-check{background-position:-144px -72px;}.icon-move{background-position:-168px -72px;}.icon-step-backward{background-position:-192px -72px;}.icon-fast-backward{background-position:-216px -72px;}.icon-backward{background-position:-240px -72px;}.icon-play{background-position:-264px -72px;}.icon-pause{background-position:-288px -72px;}.icon-stop{background-position:-312px -72px;}.icon-forward{background-position:-336px -72px;}.icon-fast-forward{background-position:-360px -72px;}.icon-step-forward{background-position:-384px -72px;}.icon-eject{background-position:-408px -72px;}.icon-chevron-left{background-position:-432px -72px;}.icon-chevron-right{background-position:-456px -72px;}.icon-plus-sign{background-position:0 -96px;}.icon-minus-sign{background-position:-24px -96px;}.icon-remove-sign{background-position:-48px -96px;}.icon-ok-sign{background-position:-72px -96px;}.icon-question-sign{background-position:-96px -96px;}.icon-info-sign{background-position:-120px -96px;}.icon-screenshot{background-position:-144px -96px;}.icon-remove-circle{background-position:-168px -96px;}.icon-ok-circle{background-position:-192px -96px;}.icon-ban-circle{background-position:-216px -96px;}.icon-arrow-left{background-position:-240px -96px;}.icon-arrow-right{background-position:-264px -96px;}.icon-arrow-up{background-position:-289px -96px;}.icon-arrow-down{background-position:-312px -96px;}.icon-share-alt{background-position:-336px -96px;}.icon-resize-full{background-position:-360px -96px;}.icon-resize-small{background-position:-384px -96px;}.icon-plus{background-position:-408px -96px;}.icon-minus{background-position:-433px -96px;}.icon-asterisk{background-position:-456px -96px;}.icon-exclamation-sign{background-position:0 -120px;}.icon-gift{background-position:-24px -120px;}.icon-leaf{background-position:-48px -120px;}.icon-fire{background-position:-72px -120px;}.icon-eye-open{background-position:-96px -120px;}.icon-eye-close{background-position:-120px -120px;}.icon-warning-sign{background-position:-144px -120px;}.icon-plane{background-position:-168px -120px;}.icon-calendar{background-position:-192px -120px;}.icon-random{width:16px;background-position:-216px -120px;}.icon-comment{background-position:-240px -120px;}.icon-magnet{background-position:-264px -120px;}.icon-chevron-up{background-position:-288px -120px;}.icon-chevron-down{background-position:-313px -119px;}.icon-retweet{background-position:-336px -120px;}.icon-shopping-cart{background-position:-360px -120px;}.icon-folder-close{background-position:-384px -120px;}.icon-folder-open{width:16px;background-position:-408px -120px;}.icon-resize-vertical{background-position:-432px -119px;}.icon-resize-horizontal{background-position:-456px -118px;}.icon-hdd{background-position:0 -144px;}.icon-bullhorn{background-position:-24px -144px;}.icon-bell{background-position:-48px -144px;}.icon-certificate{background-position:-72px -144px;}.icon-thumbs-up{background-position:-96px -144px;}.icon-thumbs-down{background-position:-120px -144px;}.icon-hand-right{background-position:-144px -144px;}.icon-hand-left{background-position:-168px -144px;}.icon-hand-up{background-position:-192px -144px;}.icon-hand-down{background-position:-216px -144px;}.icon-circle-arrow-right{background-position:-240px -144px;}.icon-circle-arrow-left{background-position:-264px -144px;}.icon-circle-arrow-up{background-position:-288px -144px;}.icon-circle-arrow-down{background-position:-312px -144px;}.icon-globe{background-position:-336px -144px;}.icon-wrench{background-position:-360px -144px;}.icon-tasks{background-position:-384px -144px;}.icon-filter{background-position:-408px -144px;}.icon-briefcase{background-position:-432px -144px;}.icon-fullscreen{background-position:-456px -144px;}Hi,
that works! thank you very much!
Done something weird with my blocks layout 
Cutted some opening tags and added unwanted divs.
Only applies to plain text if you copy and paste text width divs, you get errors
Try this
Add this code on bootstrap_editor.plugin.php file in script tag line 46
// Disable Editor on blocks and snippets
if($("#edit_blocks").length > 0){
console.log("Disable editor");
$("iframe[class=\"wysihtml5-sandbox\"],ul[class=\"wysihtml5-toolbar\"]").remove();
$("#editor_area").css("display","block");
}else if ($("#edit_snippets").length > 0){
console.log("Disable editor");
$("iframe[class=\"wysihtml5-sandbox\"],ul[class=\"wysihtml5-toolbar\"]").remove();
$("#editor_area").css("display","block");
}else{
// if not exists bloks or snippets
console.log("Enable editor");
}i have this other with other options, and includes same code but only in english version.
Preview in my demo site with ace plugin in blocks and snippets and bootstrap editor in pages.
link
user: demo
pass: demo
nakome, thanks for amazingly fast responses!
P.S. I missed the bracket while copy-pasting, shame on me again)
There is typo for {cut} shortcode in editor - should be {cut} instead of { cut } (without spaces).
nakome, can you give a hint concerning MarkItUp only for blocks (display it only in blocks)?
try to use javascript
See this Example
Now edit line 48 in markitup.plugin.php
Remplace this:
echo ('<script>$(document).ready(function(){$("#editor_area").markItUp(mySettings);});</script>');For this:
echo ('<script>
$(document).ready(function(){
// get id of editor_blocks
var editor = $("#edit_blocks");
// if exists id edit_blocks show this
if(editor){
$("#editor_area").markItUp(mySettings);
}
});</script>');Tried it, didn't work for me (displays everywhere). Forgot to mention that I want to use it with your bootstrap editor - bootstrap editor for pages only and markitup (ace editor doesn't appear at all after installation, but I prefer it because of syntax highlighting) for blocks only.
