TinyMCE Vorschau im Backend

[bluepix]

Hallo,

ist es auch möglich, dass man im Backend eine Vorschau der Textformatierung erhält - so wie sie auch im FE später zu sehen ist?

Habe im tinyMCE für die Formatauswahl das Dropdow-Menü "Vorlagen" gewählt. Über die "h1", "h2" usw. wird das Format auf den Text angewendet, den er haben soll. Es ist im Projekt-CSS definiert.

Soweit kommt man ja zum Ziel - im FE wird die Formatierung angenommen, im Backend leider nicht. Wäre schön, wenn man es dort auch schon sehen könnte.

Hat Jemand eine IDEE? Geht es überhaupt?

[helmet]

Du kannst in den Einstellungen das Projekt-CSS angeben.

[bluepix]

Meinst Du, wenn ich das Projekt-CSS angebe, müsste man schon im Backend die Styles sehen?

Habe mal content_css = fileadmin/templates/GG-HF/styles.css vor den ganzen Einstellungen ins TS geschrieben, aber es hat sich nichts geändert.

[xv535]

Poste mal dein gesamtes Seiten TS zum RTE vllt sieht man dann denn Fehler!

[bluepix]

Hallo,
nachfolgend das TSconfig zum TinyMCE. Hoffe, dass es eine Lösung gibt, sodass die über "Vorlagen" angesteuerten Befehle <h1> usw. auch im Backend das Website-CSS darstellt. Im FE gehts!

Danke im Voraus.

RTE.default.init {
content_css = fileadmin/templates/GG-HF/styles.css
theme_advanced_buttons1=justifyleft,justifycenter,justifyright,|,bold,italic,underline ,|,cut,copy,pastetext,pasteword,|,insertdate,inserttime,advhr,|,numlist,bullist,|,inde nt,outdent,|,link,unlink,|,selectall
theme_advanced_buttons2=search,replace,removeformat,code,|,forecolor,backcolor,|,undo, redo,|,formatselect,|,spellchecker
theme_advanced_buttons3=
theme_advanced_buttons4=
plugins=inlinepopups,paste,insertdatetime,advhr,advlink,searchreplace,removeformat,spe llchecker

theme_advanced_statusbar_location = bottom
width = 680
height = 350
fix_table_elements = true
# you could override the following option if you don't want to insert links.
file_browser_callback = typo3filemanager

# Additional config options for the "pastetext" button.

# If enabled double linefeeds are converted to paragraph elements when using the plain text dialog. This is enabled by default.
paste_create_paragraphs = true

# If enabled single linefeeds are converted to hard line break elements when using the plain text dialog. This is enabled by default.
paste_create_linebreaks = true


# Additional config options for the "pasteword" button.

# If disabled then normal cleanup will not be performed after wordpaste. This option is enabled by default.
paste_force_cleanup_wordpaste = true

# MSIE specific option, if you set this to true both Mozilla and MSIE will present a paste dialog. If you set it to false pasting in MSIE will be done directly. This option is set to true by default.
paste_use_dialog = true

# MSIE specific option. If you enable this feature, a word paste will be executed when the user copy/paste content to the editor. This feature is disabled by default.
paste_auto_cleanup_on_paste = true

# If this feature is enabled middot lists are converted into UL lists, these will be assigned a special class.
paste_convert_middot_lists = true

# This option enables you to specify what class to assign to the UL list of middot converted lists. Middot lists are unindented in MS Office. This option defaults to "unIndentedList".
paste_unindented_list_class = unIndentedList

# This feature converts H1-6 elements to strong elements on paste, this is feature is disabled by default.
paste_convert_headers_to_strong = true

# This enables you to control if the word parse operation should remove or keep span elements, they will be removed by default.
paste_remove_spans = true

# This enables you to control if the word parse operation should remove or keep style attributes, they will be removed by default.
paste_remove_styles = true

# Comma separated list of search/replace chunks. Where even items is the regexp that is to be used for the search and odd values are the contents that are to be replaced.
paste_replace_list = \u2122,^TM,\u2026,...,\u201c|\u201d,",\u2019,\',\u2013,&ndash;,\u2014,&mdash;,\u2015|\u2212,-

# This feature allows you to control whether or not class attributes are stripped when using pasteword. Valid values are:
# all - will strip all class attributes from the pasted content. This is the default value.
# none - will not strip any class attributes from the pasted content.
# mso - will strip out all of the class attribute values that start with "Mso", but retain all others.
paste_strip_class_attributes = all

# This option enables you to specify a callback function. This callback is executed when the user pastes word content, the return value of this function will be the new content string.
#paste_insert_word_content_callback =


# Additional config options for the "insertdate" button.

# Format that the time is output as.
plugin_insertdate_timeFormat = %H:%M:%S


# Additional config options for the "inserttime" button.

# Format that the date is output as.
plugin_insertdate_dateFormat = %Y-%m-%d


# Additional config options for the "advhr" button.

extended_valid_elements = hr[class|width|size|noshade]


# Additional config options for the "link" button.

# This option should contain a semicolon separated list of class titles and class names separated by =. The titles are the ones that get presented to the user in the styles drop down list and and the class names is the classes that gets inserted.
advlink_styles =
# This option should contain a semicolon separated list of link target titles and target names separated by =. The titles are the ones that get presented to the user in the link target drop down list and and the target names is the target that gets inserted as a target attribute.

#theme_advanced_link_targets = Some frame=someframe;Some other frame=otherframe


# Additional config options for the "code" button.

# This option enables you to force word wrap for the source editor, this option is set to true by default.
theme_advanced_source_editor_wrap = true


# Additional config options for the "forecolor" button.

# This option enables you to specify the default foreground color.
theme_advanced_default_foreground_color = #FF00FF

# This option controls the colors shown in the palette of colors displayed by the text color button. The default is a palette of 40 colors. It should contain a comma separated list of color values to be presented.
theme_advanced_text_colors = #A09174,#7F3738,#999999

# This option enables you to disable the "more colors" link for the text and background color menus.
theme_advanced_more_colors = false


# Additional config options for the "backcolor" button.

# This option enables you to specify the default background color.
theme_advanced_default_background_color = #C5BDAA,#999999

# This option controls the colors shown in the palette of background colors displayed by the background color button. The default is a palette of 40 colors. It should contain a comma separated list of color values to be presented.
theme_advanced_background_colors = #C5BDAA,#999999

# This option enables you to disable the "more colors" link for the text and background color menus.
theme_advanced_more_colors = false


# Additional config options for the "formatselect" button.

# This option should contain a comma separated list of formats that will be available in the format drop down list.
theme_advanced_blockformats = h1,h2,h3,h4,h5,h6,h7
}

[xv535]

Hier mal ein kleines Beispiel für die Dropdown-Auswahlmenüs
So kannst du gleich deine Voreingestellten Stylesheets anwenden ohne sie aufwendig in der HTML Ansicht einzugeben:

theme_advanced_styles = standard=h1,Überschrift=h2,Titel2=titel2,...
theme_advanced_font_sizes = Normal=10px; Klein=8px; Gross=12px; Grösser=14px; Maximum=16px
theme_advanced_blockformats = Absatz=p,Container=div

[bluepix]

Hallo,

hab mal versuchsweise das Menü "styleselect" eingefügt.

theme_advanced_styles = standard=h1,Überschrift=h2,Titel2=titel2,...kann man zwar anwenden - es zeigt aber weder im Backend noch im FE eine Wirkung.

Wenn ich die HTML-Ansicht aufrufe, steht

<p class="h1">Test Überschrift</p>

Das kann er nicht erkennen.

Nur wenn ich
theme_advanced_blockformats = h1,h2,h3,h4,h5,h6,h7 definiere, wird

<h1>Test Überschrift</h1>

im HTML angezeigt. Dieses wir im FE erkannt und meinem Style von H1 zugewiesen. Jedoch, kann man es im Backend nicht in meinem Style sehen, was ich aber gerne haben würde.

[daKmoR]

sicher alles im pageTS eingetragen?

[bluepix]

Ja, dort habe ich das Setup für den TinyMCE eingetragen. Soweit funktioniert er ja - nur wird im Backend nicht das aktuelle Layout angezeigt, schade.

[daKmoR]

d.h. du hast nur 2 reihen von buttons? die config gfreift also?

und das css file wird auch verwendet? mal mit body { background: orange; } oder p { color: blue; } ausprobieren...