Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Anfängerfragen ›

tinyMCE mit Bildbrowser wie in älteren Contao-Versionen

Eingetragen von Atokirina (23)
am 28.10.2014 - 15:19 Uhr in
  • Anfängerfragen
  • Drupal 7.x oder neuer

Hallo,

ich versuche gerade die Text/Bildeingabe für meine Redakteure so einfach wie möglich zu gestalten. Dazu habe ich das Modul "WYSIWYG" installiert und dazu den "tinyMCE" Editor 3.5.11 heruntergeladen und konfiguriert.

Jetzt stehe ich vor dem großen Problem, dass es noch recht unkomfortabel ist Bilder in Artikel einzubinden.
Ich habe das versucht durch folgende Module zu lösen: "CKEditor Image", "IMCE" und "IMCE Wysiwyg API bridge".

Leider konnte ich es dadurch nur bedingt lösen.

Ideal wäre, wenn man einen richtigen Browser hätte und damit innerhalb des "sites/default/files" Ordner die Bilder aussuchen könnte, um sie dann in den Artikel einzubinden und Größe, Float etc. anpassen könnte. Also so wie es z.B. im tinyMCE in älteren Contao-Versionen bereits eingesetzt wurde.
Ich habe mal 2 Screenshots angefügt, die das verdeutlichen sollen.

Gibt es sowas? Und wie stelle ich das ein?

Vielen Dank schon mal für Eure Hilfe.

AnhangGröße
tinyMCE_Contao.jpg201.83 KB
tinyMCE_Drupal.jpg80.79 KB
‹ Probleme mit Media 2.x und Migration von Bildern [gelöst] Fehlermeldung ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

du bist auf dem richtigen weg

Eingetragen von ronald (3857)
am 28.10.2014 - 15:38 Uhr

Schau dir mal an, was es alles an Erweiterungen für IMCE gibt (gib bei der Modulsuchen in drupal.org IMCE an, und lasse die relevanten Module anzeigen).

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielen Dank ronald. Dann

Eingetragen von Atokirina (23)
am 28.10.2014 - 16:46 Uhr

Vielen Dank ronald. Dann werde ich da mal nachschauen. Gut zu wissen dass man zumindest auf dem richtigen Weg war :-D

Jetzt ist mir aber noch etwas aufgefallen:
Zuvor hatte ich den Editor "CKEditor" installiert, aber da hier der FileBrowser (CKFinder) kostenpflichtig ist, habe ich mich dagegen entschieden, weil das Projekt dazu zu klein ist. Und jetzt in tinyMCE werden diverse "shortcodes" nicht mehr konvertiert, z.B. [b], [url] oder [img]. Und die Zeilenabstände sind gigantisch im Vergleich zur tatsächlichen Ausgabe... das irritiert ziemlich.

Wie kann ich das denn nun wieder bereinigen?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Du sprichst hier 2

Eingetragen von SteffenR@drupal.org (2262)
am 28.10.2014 - 20:01 Uhr

Du sprichst hier 2 verschiedene Punkte an:

01) Filebrowser
Hier kannst du dir das [do:imce] Modul anschauen - dies kann in Verbindung mit dem [wysiwyg] Modul und dem [do:imce_wysiwyg] auch im TinyMCE bzw. dem cKEditor eingesetzt werden

02) Shortcodes
Hier scheinst du aus deinem alten System BB-Code (wird eigentlich eher in Foren verwendet) im Content stehen zu haben. TinyMCE oder auch der ckEditor können damit nicth viel anfangen. Hier bräuchtest du dann entsprechende Plugins, die dir BB-Code in HTML-Code umwandeln bzw. BB-Code im Editor selbst zu lassen.
Hier stellt sich die Frage, woher der BB-Code kommt?

SteffenR

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielen Dank SteffenR.Du hast

Eingetragen von Atokirina (23)
am 29.10.2014 - 13:14 Uhr

Vielen Dank SteffenR.
Du hast natürlich Recht, es handelt sich um BB-Codes. Ich muss da irgendwie versehentlich etwas im tinyMCE eingestellt haben, das einige HTML-Tags in BB-Codes umwandelt - aber nicht mehr zurückwandeln konnte. Zum Glück ist das nur mit einem Artikel passiert.

Nach längerem hin und her, habe ich mich doch wieder für den CKEditor entschieden, da es hier statt dem CKFinder den KCFinder gibt, der ein ziemlich geniales Interface bietet, um auf dem Server zu stöbern und Bilder hinzuzufügen. Außerdem finde ich den CKEditor etwas besser strukturiert. Ist aber Geschmackssache.

Für andere Anfänger:
Ich bin so vorgegangen:

  • WYSIWYG Modul installiert und aktiviert.
  • Den neuesten CKEditor von der Herstellerseite heruntergeladen (in meinem Fall war das 4.4.5). Ich habe mich für die "full" Version entschieden.
  • Das ZIP-Paket entpackt und in "/sites/all/libraries/ckeditor" kopiert. Bei der aktuellen Version des WYSIWYG Moduls (2.2) muss man nachhelfen bei der Erkennung der Version des CKEditors. Dazu öffnet man die Datei "/sites/all/libraries/ckeditor/ckeditor.js" und schreibt die Versionsnummer inklusive der Revisionsnummer als Kommentar in die erste Zeile. In meinem Fall: " //version:'4.4.5',revision:'314006' "
  • Dann muss man für die Textformate die mit einem Editor bearbeitet werden sollen den CKEditor auswählen und bearbeiten. Standardmäßig sind noch keine Buttons ausgewählt, weshalb ohne Konfiguration auch kein Editor angezeigt werden würde.
  • Dann das KCFinder Modul installieren und aktivieren. Dazu ist es noch nötig die Library vom Hersteller herunterzuladen und in den Ordner "/sites/all/libraries/kcfinder" hochzuladen. Ich habe die Version 3.12 genommen.
  • Danach sollte man den KCFinder konfigurieren. Man kommt auf 2 Wegen zu der Konfigurationsseite. Einmal über die Modul-Seite und einmal über die Konfiguration. Ich empfehle den zweiten Weg: "admin/config/content/kcfinder". Dort sollte man den Ordner wählen, in dem KCFinder nach Dateien schauen soll und in dem er DAteien hochladen kann. Deshalb muss der Ordner auf CHMOD 777 gestellt sein. Wie ich herausgefunden habe, kann es nicht einfach "sites/default/files" sein, es muss ein Unterordner innerhalb von "sites/default/files" sein. Außerdem sollten dort folgende Ordner vorhanden und beschreibbar sein: "/files" und ".thumbs/files". Dann sollte man noch ein Theme wählen, das auch wirklich unter "/sites/all/libraries/kcfinder/themes" vorhanden ist. Das vorausgewählte Theme "oxygen" ist in der Standardinstallation anscheinend nicht vorhanden, nur "default" und "dark".

Eine Demo des KCFinders kann man hier sehen: http://kcfinder.sunhater.com/

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 1 Woche 1 Tag
  • Hey danke
    vor 1 Woche 2 Tagen
  • Update: jetzt gibt's ein
    vor 1 Woche 3 Tagen
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 9 Stunden
  • Da scheint die Terminologie
    vor 2 Wochen 12 Stunden
  • Kannst doch auch alles direkt
    vor 2 Wochen 4 Tagen
  • In der entsprechenden View
    vor 2 Wochen 4 Tagen
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 4 Tagen
  • gelöst
    vor 5 Wochen 1 Tag
  • Ja natürlich. Dass ist etwas,
    vor 5 Wochen 2 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20450

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 10 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association