1 (edited by nakome 2012-10-22 19:42:13)

Topic: Bootstrap editor eight languages

http://i.minus.com/i0fFqWMinG2Ey.jpg

Demo english

  • user: demo

  • pass: demo

Download

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

Download

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

2 (edited by RomanArt 2012-10-20 17:19:38)

Re: Bootstrap editor eight languages

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? big_smile as normally it likes to do

(с) Roman Art
So far So good wink

RomanArt's Website

Re: Bootstrap editor eight languages

Nice!

Monstra Loves You! Give some love back!

Re: Bootstrap editor eight languages

RomanArt wrote:

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? big_smile as normally it likes to do

Sorry I do not understand

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

Re: Bootstrap editor eight languages

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}

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

Re: Bootstrap editor eight languages

nakome wrote:

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}

smile thanks

(с) Roman Art
So far So good wink

RomanArt's Website

Re: Bootstrap editor eight languages

fixed the tags and added more buttons.

How to update:
Unzip and replace files via fttp

  • bootstrap-wysihtml5.js

  • wysiwyg-color.css

Download

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

8 (edited by unborn 2016-01-09 11:43:37)

Re: Bootstrap editor eight languages

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

{code is poetry}

Re: Bootstrap editor eight languages

Hey man hi, Try to view in crome console or in firebug the problem with the icons,
maybe you do not have icons.

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

Re: Bootstrap editor eight languages

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;}
..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

11 (edited by unborn 2013-02-04 17:13:00)

Re: Bootstrap editor eight languages

Hi,

that works! thank you very much!

{code is poetry}

Re: Bootstrap editor eight languages

Done something weird with my blocks layout sad
Cutted some opening tags and added unwanted divs.

13 (edited by nakome 2013-02-18 16:20:07)

Re: Bootstrap editor eight languages

Only applies to plain text if you copy and paste text width divs, you get errors

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

Re: Bootstrap editor eight languages

Is it possible to disable editor for blocks and snippets?

Re: Bootstrap editor eight languages

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");
}
..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

Re: Bootstrap editor eight languages

Didn't work sad

17 (edited by nakome 2013-02-26 12:22:08)

Re: Bootstrap editor eight languages

i have this other with other options, and includes same code but only in english version.

link

Preview in my demo site with ace plugin in blocks and snippets and bootstrap editor in pages.

link
user: demo
pass: demo

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

Re: Bootstrap editor eight languages

nakome, thanks for amazingly fast responses!
P.S. I missed the bracket while copy-pasting, shame on me again)

19 (edited by glebcha 2013-03-14 06:04:36)

Re: Bootstrap editor eight languages

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)?

20 (edited by nakome 2013-03-14 13:38:16)

Re: Bootstrap editor eight languages

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>');
..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website

21 (edited by glebcha 2013-03-15 04:47:42)

Re: Bootstrap editor eight languages

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.