GithubHelp home page GithubHelp logo

friendsofredaxo / cke5 Goto Github PK

View Code? Open in Web Editor NEW
52.0 7.0 4.0 25.73 MB

Integrates the CKEditor5 into REDAXO CMS

License: Other

CSS 10.40% JavaScript 10.56% PHP 79.04%
redaxo redaxo-addon editor wysiwyg hacktoberfest addon editors

cke5's People

Contributors

aeberhard avatar alxndr-w avatar bio-github avatar crydotsnake avatar dergel avatar eace avatar imgbot[bot] avatar imgbotapp avatar interweave-media avatar joachimdoerr avatar marcohanke avatar nandes2062 avatar schuer avatar skerbis avatar staabm avatar tobiaskrais avatar viewsion avatar ynamite avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

cke5's Issues

ALLOWED_FIELDS in profile_edit.js nutzen

momentan sind die tags dort noch hart eingebaut, natürlich ist das viel besser wenn die standard tags via data Attribut ausgelesen werden könnten und somit dann an einer zentralen stelle im php gepflegt werden könnten.

yForm widget support

Hierzu müssen wir sehr wahrscheinlich ein Plugin für das cke5-link Plugin schreiben das sich darin einklinkt. ggf. lässt sich auch das rex5link plugin dahin gehend erweitern. Muss geprüft werden.

Css/jss nur laden wenn nötig

Wäre es möglich die ganzen css/js includes nur dann zu laden, wenn auch ein editor in der aktuellen seite enthalten ist?

Aktuell lädt man hier viel zeug und braucht es oft nicht....

Triggered by redaxo/redaxo#1406

../media vermeiden

Wenn kein MediaManager-Effekt ausgewählt ist, werden die Medien mit ../media eingefügt. Lieber wäre mir /media/

Umbau des internen JS Triggers von pjax:success zu rex:ready

Da im Core rex:ready als Status getriggert wird und Standard ist, wäre dieser Umbau super, da dies dann auch kompatibel zur YForm wäre, auch wenn es im Moment noch funktioniert. Dadurch wird auch doppeltes unkontrolliertes triggern vermieden.

Fehlerhafte Sprachen-Ausgabe

Im Bereich zum Bearbeiten von Profilen werden nicht alle Textbausteine korrekt in der ausgewählten Sprache ausgegeben.
Das sind die Felder:

  • cke5_profile_edit
  • cke5_media_manager_type
  • cke5_media_category

Im konkreten Fall wurden die spanischen statt der deutschen Begriffe ausgegeben.

Mediatype für Images pro Profile

Momentan ist es nicht in den Rex-Plugins vorgesehen das Image Types gewählt werden können. Es wäre aber schon gut. Sobald es dies möglich ist wäre es gut, wenn man pro Profil ein Type festlegen könnte.

Wunsch: Stylefilter

Herausfiltern ungewünschter Attribute / Stile ist aktuell nicht vorhanden.

Split CKE5 bases JS mit und Profil Editor JS

Momentan ist das JS in eine Datei gegossen, es würde sicher sinn machen das auseinander zu ziehen. Der Editor an sich hat mit dem Profil Edit nicht vie zu tun. Es wäre auch für die Performance besser würde das JS für den Profil-Edit nur auf den Profil-Edit Seiten geladen.

Notiz: CSS für Bilder aus CKE5

figure.image {
max-width: 100%;
margin-bottom: 1.2em;
}

figure.image img {
max-width: 100%;
height: auto;
}

figure.image.image-style-align-center {
   max-width: 80%;
   margin-left: auto;
   margin-right: auto;
}

figure.image.image-style-align-right,
figure.image.image-style-align-left {
   max-width: 50%;
   margin-bottom: 0.5em;
   margin-top: 0.4em;
}

figure.image.image-style-align-right img,
figure.image.image-style-align-left img {
   max-width: 100%;

}

figure.image figcaption {
   font-size: 0.8em;
   line-height: 1.24em;
   padding-bottom: 0.5em;
}


.image-style-align-left {
   float: left;
   margin-right: 1em;
}
.image-style-align-right {
   float: right;
   margin-left: 1em;
}

Custom Schriftarten

Man kann ja bereits Standard-Schriften wählen, es wäre durchaus sinnvoll ginge dies auch mit diversen Webfonts. Diese müssten dann ins Backend eingeladen werden.

Editor Sprache ändert sich nicht

Es ist zwar vorgesehen aber die Auswahl einer Sprache für ein Profil wirkt sich nicht aus. Es muss die entsprechende Sprache von dem Folder assets/addons/cke5/vendor/ckeditor5-classic/translations geladen werden. Zudem sollte der Editor automatisch die Backend-Default-Sprache übernehmen sofern keine spezielle Sprache definiert wurde. Hierzu sollte es auch in der Profil-Edit-Maske ein Hinweis geben.

Mediacategory für drag&drop pro Profil

Momentan werden die via Drag&Drop eingesetzten Bilder in die Media-Category 0 geladen. Es wäre gut wenn man diese pro Profil oder generell wählen könnte.

Markdown .?

Prüfen wie und ob es möglich ist mit Markdown arbeiten zu können. Der Editor sollte es können. Ich hab nur noch kein Plan wie...

Anleitung zur Verwendung

Die Demo ist schick aber man findet keinen Hinweis wie man den Editor einbinden kann. Das sollte durch ein Demo-Modul erledigt werden. Oder eine entsprechende Anleitung im Overview - Ggf. mit eigenem Link. Eventuell auch das Doku Plugin aber das macht dann schon wieder so massig Arbeit...

Demo Inhalte Mehrsprachig

Momentan sind die Demo-Inhalte nur in deutsch vorhanden, es wäre schick diese auch noch in English bereit zu stellen.

Feature Übersicht

Eine Seite mit einer Feature Übersicht wäre sehr gut, vor allem die Möglichkeit via Drag und Drop Bilder in den Editor ziehen zu können sollte näher erläutert werden.

CKE5 Tabellen Plugin integrieren

Es wäre gut wenn das Tabellen Plugin integriert würde, das ist momentan leider noch nicht freit entwickelt. Aber sobald eine Beta raus ist könnte man mal schauen ob es eingebaut werden kann.

neuer Linktyp: E-Mail

Es wäre bequem, einen eigenen Button E-Mail Link zu haben. Das "mailto:" von Hand eingeben zu müssen ist irgendwie ein Stilbruch :)

Readme Text

Die Readme beinhaltet aktuell nur eine Überschrift. Das ist natürlich etwas dünn.

Demo Module für MBlock, MForm etc.

Sollte als Liste vorhanden sein - ggf. mit blick in den Quelltext wie bei den MBlock Beispielen. Es wäre auch schick wenn man die dann aus der Liste heraus installieren können.

Eigene Stile definieren

gibts sowas im CKE5?
Also Textbereich markieren, Stil auswählen über Dropdown, wird dann in ein voreingestelltes Tag gewrappt mit Klassennamen etc.

Frontend Helper

Marker und auch Bild-Ausrichtung werden vom Editor via CSS-classes gesetzt. Es wäre gut, wenn man eine Page hätte die einem ein CSS liefert welches man grundlegend an Hand des Config Settings als Vorlage nutzen könnte.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.