[Erledigt] CKEditor BS und FA Plugins

andy2k · 28.06.2016 11:07:04

Ich bin mir nicht sicher ob das hier richtig ist...
hätte einen Wunsch. (hoffe es geht mehreren hier so)

Was haltet ihr von einer Integration von Bootstrap und Font-Awesome in den CKEditor...

So wie hier:
http://ckeditor.com/addon/fontawesome

oder hier:
http://ckeditor.com/addon/widgetbootstrap

oder besser habt ihr hier Erfahrung es manuell zu machen?

Also ich nutze es super viel... ja ist Geschmacksache... aber ich denke wenn ein Kunde z.B. drei Inhaltsblöcke nebeneinander haben will ohne es ich es im Template verankere (Blöcke die ich definiere) oder einfach seinen Content mit Icons füllen will...

Dann brauche ich nicht immer über "Quellcode" Hilfe geben big_smile

Wäre das was für WBCE?!

Last edited by andy2k (28.06.2016 11:12:15)

florian · 28.06.2016 15:21:26

Grundsätzlich interessant, aber nicht als Standard, da nur wenige Templates bootstrap benutzen.
Für Font-awesome braucht es mMn kein CKEditor-Plugin, da reicht ein simples Droplet:

return "<i class=\"fa ".$f."\"></i>&nbsp;";

FA muss natürlich übers Template geladen werden, aber mit dem fa-droplet könnte dann z.B. ein PDF-Symbol einfach mit [[fa?f=fa-pdf]] erzeugt werden.

andy2k · 28.06.2016 15:38:34

Ahhhh.... super cool, danke!
Droplet ist stark, danke.

Hoch lebe WBCE!!! tongue

colinax · 11.05.2017 01:14:43

Das Thema ist schon älter, da aber ab/seit WBCE 1.2 Font-Awesome mitausgeliefert wird.

Wollte ich mal Fragen, ob es bedarf, für den Einbau des CKAwesome Plugins, gibt?

LG Colinax

andy2k · 18.05.2017 10:09:54

OHHHH JAAA!!! Ich hätte es gerne und meine Kunden auch, da bin ich sicher.
Kann ich kurz eine kleine Frage einwerfen...

Wenn man im CKE eine Klasse für Bootstrap einfügt, klappt auch alles soweit (in WBCE 1.2) aber nach dem speichern werden im Quellcode diese Klassen nicht mehr angezeigt... kann ich die Funktion irgendwo im CKE einschalten (config.js)???

Nutze halt viel Bootstrap und auch im Content (Tabellen oder Panel-default usw.) dann füge ich es immer ein speichere und beim nächsten speichern ist die klasse wieder weg sad

Vielen Dank...
FA wäre natürlich super als Plugin... (und Bootstrap auch :-) )

oder man kann die Plugins irgendwie zum laufen bringen (händisch)??? wäre TOP!

LG
Andy

Last edited by andy2k (18.05.2017 10:16:12)

colinax · 18.05.2017 10:54:35

andy2k wrote:

Wenn man im CKE eine Klasse für Bootstrap einfügt, klappt auch alles soweit (in WBCE 1.2) aber nach dem speichern werden im Quellcode diese Klassen nicht mehr angezeigt... kann ich die Funktion irgendwo im CKE einschalten (config.js)???
Nutze halt viel Bootstrap und auch im Content (Tabellen oder Panel-default usw.) dann füge ich es immer ein speichere und beim nächsten speichern ist die klasse wieder weg

Die sollten drinnen bleiben, kannst du bitte eine Codezeile hier posten, die nach dem speichern verloren geht.

andy2k wrote:

FA wäre natürlich super als Plugin... (und Bootstrap auch :-) )

FA ist in der nächsten Version 4.7.0 dabei, mindestens in der Dev Edition ob es in die Standard rein passt muss ich erst schauen.

Bootstrap bleibt draußen, einmal gibt es kein (kostenloses bzw. mit der aktuellen CKE Version getestetes ) Plugin, und andererseits BS ist Geschmackssache, die Einen lieben es die anderen nicht ..., nachrüsten kann es jeder der es braucht auch selber.

andy2k · 18.05.2017 11:35:43

Hi,

vielen Dank für die schnelle Antwort, mit Bootstrap verstehe ich :-) das FA würde mir aber schon sehr helfen.

Hier das Beispiel:
(Es ist aber egal welche Klasse man eingibt... die klasse(n) werden nach dem ersten speichern "Live" angezeigt... sobald man dann aber wieder in den Quellcode geht, verschwinden die Klassen... in dem Fall "class="table" (Bootstrap)
Ich denke es liegt an einer Einstellung von CKE... dort werden die Klassen einfach entfernt...

<table class="table">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>

Vielen Dank
Andy

florian · 18.05.2017 11:44:27

Problem konnte ich nicht reproduzieren

andy2k · 18.05.2017 11:57:02

Ahhh... ich habe den Fehler gefunden danke...
kannst du mir doch noch kurz helfen?

habe folgenden Part aus der config.js entfernt, da ich wie in einem Thread beschreiben, diesen löschen sollte, um das Problem mit den Bildern und der Bildgröße nicht zu haben... (Wenn ich im CKE ein Bild einfüge und die Größe vom Original ändern möchte...)
Jetzt habe ich den Code wieder eingefügt und es klappt... aber das mit den Bildern nicht mehr... sad
Thread: hier

CKEDITOR.on('instanceReady', function (ev) {
ev.editor.dataProcessor.htmlFilter.addRules( {
        elements: {
            $: function (element) {
                // Remove width and height style rules from images
                if (element.name == 'img') {
                    var style = element.attributes.style;
                    if (style) {
                        // Get the width from the style.
                        var match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec(style),
                            width = match && match[1];
                        // Get the height from the style.
                        match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec(style);
                        var height = match && match[1];
                        if (width) { element.attributes.style = element.attributes.style.replace(/(?:^|\s)width\s*:\s*(\d+)px;?/i, ''); }
                        if (height) { element.attributes.style = element.attributes.style.replace(/(?:^|\s)height\s*:\s*(\d+)px;?/i, ''); }
                    }
                }
                if (!element.attributes.style)
                    delete element.attributes.style;
                return element;
            }
        }
    });
});

kann ich diesen so anpassen, dass beides klappt?
Danke euch sehr für die Hilfe! :-)

Vielen Dank
Andy

Last edited by andy2k (18.05.2017 12:08:44)

andy2k · 18.05.2017 12:16:07

Habe es danke... komisch... jetzt geht klappt es...
Danke euch für eure Hilfe.

Font-Awesome würde mich aber sehr freuen es im CKE zu haben... :-)

Schönen Tag
Andy thumb_up

florian

colinax · 27.05.2017 19:46:39

andy2k wrote:

Font-Awesome würde mich aber sehr freuen es im CKE zu haben... :-)

Erledigt Das CKE 4.7 Modul enthält jetzt ein Plugin Font-Awesome.

andy2k · 30.05.2017 14:49:07

wow... super cool, danke!!! yikes
wo finde ich die neue Version?
ich finde nur die 2.6.11

Last edited by andy2k (30.05.2017 14:51:05)

florian · 30.05.2017 14:58:55

https://github.com/Colinax/CKEditor-Standard-Edition

andy2k · 30.05.2017 20:18:57

sorry.. einfach zu warm heute!!! :-)
Danke habe ich gefunden!

colinax · 05.06.2017 15:02:29

Hallo andy2k,

auf meiner Github Seite gibt es einen neuen Release 4.7.0.1 für den CKEditor.

Dieser Release behebt diverse Bugs die in Verbindung mit dem Font-Awesome Plugin stehen.

LG

WBCE CMS Forum

#1 28.06.2016 11:07:04

[Erledigt] CKEditor BS und FA Plugins

#2 28.06.2016 15:21:26

Re: [Erledigt] CKEditor BS und FA Plugins

#3 28.06.2016 15:38:34

Re: [Erledigt] CKEditor BS und FA Plugins

#4 11.05.2017 01:14:43

Re: [Erledigt] CKEditor BS und FA Plugins

#5 18.05.2017 10:09:54

Re: [Erledigt] CKEditor BS und FA Plugins

#6 18.05.2017 10:54:35

Re: [Erledigt] CKEditor BS und FA Plugins

#7 18.05.2017 11:35:43

Re: [Erledigt] CKEditor BS und FA Plugins

#8 18.05.2017 11:44:27

Re: [Erledigt] CKEditor BS und FA Plugins

#9 18.05.2017 11:57:02

Re: [Erledigt] CKEditor BS und FA Plugins

#10 18.05.2017 12:16:07

Re: [Erledigt] CKEditor BS und FA Plugins

#11 27.05.2017 19:46:39

Re: [Erledigt] CKEditor BS und FA Plugins

#12 30.05.2017 14:49:07

Re: [Erledigt] CKEditor BS und FA Plugins

#13 30.05.2017 14:58:55

Re: [Erledigt] CKEditor BS und FA Plugins

#14 30.05.2017 20:18:57

Re: [Erledigt] CKEditor BS und FA Plugins

#15 05.06.2017 15:02:29

Re: [Erledigt] CKEditor BS und FA Plugins

Board footer