Bildpad im TinyMCE fehlerhaft

[KriZa]

Hallo,

ich habe den TinyMce als Editor aktiviert. Nun habe ich ein Bild im Editor verlinkt, klappt wunderbar. Bild wird angezeigt (Front und Backend). Speichere ich aber den content ab, schließe den content in Backend und öffne ihn erneut, ist das Bild als fehlerhafter Link eingebunden. Frontend geht aber komischerweise noch! Wenn ich mir den HTML code direkt nach dem einbinden im TinyMce ansehe und mit dem vergleiche, welchen ich nach dem schließen und öffnen erhalte, erkenne ich den Unterschied im Bilpfad.

Vorher: "../media/images/content/banner/bild.jpg"

Nachher: "media/images/content/banner/bild.jpg"

ja... deutlich zu erkennen, dass da am Anfang das ../ fehlt.

Noch zu Info: ich entwickle lokal mit xampp installation. Komischerweise erinnere ich mich, dass ich Anfangs den Frontend Quellcode abändern musste und am Beginn das "../" per replace ersetzen musste. aber irgendwie ist das jetzt alles verhundst. Hab aber definitiv nicht am framwork/core veränderungen vorgenommen. auch EInstellungen für den TinyMce hab ich keine gefunden.

Kann das jemand nachvollziehen?

Gruß und Dank!

[KriZa]

Habe jetzt mal eine zweitinstallation lokal gemacht und getestet. kurios, denn hier wird das "../" nach dem Einfügen nicht abgeschnitten. komischerweise funktioniert es jetzt manchmal in meiner originalinstallation ohne abschneiden, manchmal nicht. hab da noch keine "regel" entdeckt. irgendwas stimmt aber mit dem tinymce nicht. denn das ../ ist ja dafür verantwortlich, dass der pfad aus dem "xtAdmin/" in das übergeordnete verzeichnis springt. logisch, denn da liegt ja auch die medien. da aber das frontend schon im übergeordneten verzeichnis ist, springt er ja nochmal eine ebene höher. somit ist da schon mal der fehler.

OK, folgendes Verhalten für das Frontend:

wenn ich normal {$content} einbinde kommt das Bild, trotz "../" im Datenbankeintrag.

wenn ich aber eine contentbox verwende reicht folgendes offenbar nicht aus:

{foreach name=aussen item=box_data from=$_content_11}

 <div class="banner">

  [B]{$box_data.content_body}[/B]

 </div> 

{/foreach}

hier muss ich das fett markierte durch folgendes ersetzen:

{$box_data.content_body|replace:"src=\"../":"src=\""}[/code]

[NilsK]

Hallo Leute,

kann ich bestätigen, daß manchmal ein "../" mehr oder weniger angezeigt wird und damit werden Bilder gezeigt oder nicht.

Folgendes konnte ich auch noch feststellen, da direkt eingebundene Bilder nicht angezeigt werden, es wird irgendwo ein fehlerhafter HTML-Code erzeugt: bei einem Bild fehlt der Image-Tag "/>":

<img src="../media/images/manufacturer/xyz.jpg" alt="Mustermann" title="Mustermann" data-mce-src="../media/images/manufacturer/xyz.jpg" align="right" border="0">

Wie oder wo kann das angepaßt werden? Ist es ein Bug?

Im TinyMCE HTML-Code wird es richtig angezeigt.

Über eine schnelle Hilfe bin ich sehr dankbar.

Grüße

Nils

[KriZa]

Folgendes konnte ich auch noch feststellen, da direkt eingebundene Bilder nicht angezeigt werden, es wird irgendwo ein fehlerhafter HTML-Code erzeugt: bei einem Bild fehlt der Image-Tag "/>":

Darauf habe ich nicht geachtet, da bei mir alle bilder funktionieren. aber ich denke, dass du da eher im tinymce forum schauen müsstest. ich denke das könnte ein bug sein, der in einer späteren version behoben wurde. nun weiß ich nicht um die aktualität des tinymce in der veyton installation. daher das nur als tipp.

meine frage ist eher, welcher klasse ich den content in den rachen schmeißen muss, um diese verflixten tinymce sachen zu löschen.

[NilsK]

Hi,

also, bei mir wird der Pfad nicht richtig dargestellt, es wird ein Ordner ausgelassen, dafür sollte ja das "../" sein.

Ändern kann ich es nicht, alle Änderungen werden nicht gespeichert.

Es bleibt lediglich der "Bildname" stehen. Manchmal wird nach einer Änderung das zweite Bild einfach im Frontend gelöscht.

Im Backend werden die Bilder übrigens angezeigt, hier wird aber die Formatierung/Ausrichtung ignoriert (wird z.B. immer linksbündig anstatt rechtsbündig dargestellt).

Tja, macht leider keinen Spaß so zu arbeiten (2 wertvolle Stunden wieder futsch).

4.1 -> Version: 3.5.8 (2012-11-20)

TinyMCE aktuell: 4.0.2 (2013-07-18)

Geändert hat sich auch einiges (s.u.)...

Ob soviele Änderungen gut oder schlecht sind, sei mal dahin gestellt, aber da tut sich vieles (mir fehlt allerdings die Zeit, jetzt dort noch alles zu durchsuchen oder nachzufragen - die Frage ist dann auch, ob das alles 1:1 umsetzbar ist mit 4.1?).

Grüße

Nils

Changelog TinyMCE...

Version 4.0.2

Fixed bug where formatting using menus or toolbars wasn't possible on Opera 12.15.

Fixed bug where IE 8 keyboard input would break after paste using the paste plugin.

Fixed bug where IE 8 would throw an error when populating image size in image dialog.

Fixed bug where image resizing wouldn't work properly on latest IE 10.0.9 version.

Fixed bug where focus wasn't moved to the hovered menu button in a menubar container.

Fixed bug where paste would produce an extra uneeded undo level on IE and Gecko.

Fixed so anchors gets listed in the link dialog as they where in TinyMCE 3.x.

Fixed so sub, sup and strike though gets passed through when pasting from Word.

Fixed so Ctrl+P can be used to print the current document. Patch contributed by jashua212.

TinyMCE 4.0.2 Released

Version 4.0.1

Added new paste_as_text config option to force paste as plaintext mode.

Added new pastetext menu item that lets you toggle paste as plain text mode on/off.

Added new insertdatetime_element option to insertdatetime plugin. Enables HTML5 time element support.

Added new spellchecker_wordchar_pattern option to allow configuration of language specific characters.

Added new marker to formats menu displaying the formats used at the current selection/caret location.

Fixed bug where the position of the text color picker would be wrong if you switched to fullscreen.

Fixed bug where the link plugin would ask to add the mailto: prefix multiple times.

Fixed bug where list outdent operation could produce empty list elements on specific selections.

Fixed bug where element path wouldn't properly select parent elements on IE.

Fixed bug where IE would sometimes throw an exception when extrancting the current selection range.

Fixed bug where line feeds wasn't properly rendered in source view on IE.

Fixed bug where word count wouldn't be properly rendered on IE 7.

Fixed bug where menubuttons/listboxes would have an incorrect height on IE 7.

Fixed bug where browser spellchecking was enabled while editing inline on IE 10.

Fixed bug where spellchecker wouldn't properly find non English words.

Fixed bug where deactivating inline editor instances would force padding-top: 0 on page body.

Fixed bug where jQuery would initialize editors multiple times since it didn't check if the editor already existed.

Fixed bug where it wasn't possible to paste contents on IE 10 in modern UI mode when paste filtering was enabled.

Fixed bug where tabfocus plugin wouldn't work properly on inline editor instances.

Fixed bug where fullpage plugin would clear the existing HTML head if contents where inserted into the editor.

Fixed bug where deleting all table rows/columns in a table would cause an exception to be thrown on IE.

Fixed so color button panels gets toggled on/off when activated/deactivated.

Fixed so format menu items that can't be applied to the current selection gets disabled.

Fixed so the icon parameter for addButton isn't automatically filled if a button text is provided.

Fixed so image size fields gets updated when selecting a new image in the image dialog.

Fixed so it doesn't load any language pack if the language option is set to "en".

Fixed so ctrl+shift+z works as an alternative redo shortcut to match a common Mac OS X shortcut.

Fixed so it's not possible to drag/drop in images in Gecko by default when paste plugin is enabled.

Fixed so format menu item texts gets translated using the specified language pack.

Fixed so the image dialog title is the same as the insert/edit image button text.

Fixed so paste as plain text produces BR:s in PRE block and when forced_root_block is disabled.

TinyMCE 4.0.1 Released

Version 4.0

Added new insertdate_dateformat, insertdate_timeformat and insertdate_formats options to insertdatetime.

Added new font_formats, fontsize_formats and block_formats options to configure fontselect, fontsizeselect and formatselect.

Added new table_clone_elements option to table plugin. Enables you to specify what elements to clone when adding columns/rows.

Added new auto detect logic for site and email urls in link plugin to match the logic found in 3.x.

Added new getParams/setParams to WindowManager to make it easier to handle params to iframe based dialogs. Contributed by Ryan Demmer.

Added new textcolor options that enables you to specify the colors you want to display. Contributed by Jennifer Arsenault.

Added new external file support for link_list and image_list options. The file format is a simple JSON file.

Added new "both" mode for the resize option. Enables resizing in both width and height.

Added new paste_data_images option that allows you to enable/disable paste of data images.

Added new fixed_toolbar_container option that allows you to add a fixed container for the inline toolbar.

Fixed so font name, font size and block format select boxes gets updated with the current format.

Fixed so the resizeTo/resizeBy methods for the theme are exposed as it as in 3.x.

Fixed so the textcolor controls are splitbuttons as in 3.x. Patch contributed by toxalot/jashua212.

Fixed bug where the theme content css wasn't loaded into the preview dialog.

Fixed bug where the template description in template dialog wouldn't display the text correctly.

Fixed bug where various UI elements wasn't properly removed when an editor instance was removed.

Fixed bug where editing links in inline mode would fail on WebKit.

Fixed bug where the pagebreak_separator option in the pagebreak plugin wasn't working properly.

Fixed bug where the child panels of the float panel in inline mode wasn't properly placed.

Fixed bug where the float panel children of windows wasn't position fixed.

Fixed bug where the size of the ok button was hardcoded, caused issues with i18n.

Fixed bug where single comment in editor would cause exceptions due to resolve path logic not detecting elements only.

Fixed bug where switching alignment of tables in dialogs wouldn't properly remove existing alignments.

Fixed bug where the table properties dialog would show columns/rows textboxes.

Fixed bug where jQuery wasn't used instead of Sizzle in the jQuery version of TinyMCE.

Fixed bug where setting resize option to false whouldn't properly render the word count.

Fixed bug where table row type change would produce multiple table section elements.

Fixed bug where table row type change on multiple rows would add them in incorrect order.

Fixed bug where fullscreen plugin would maximize the editor on resize after toggling it off.

Fixed bug where context menu would be position at an incorrect coordinate in inline mode.

Fixed bug where inserting lists in inline mode on IE would produce errors since the body would be converted.

Fixed bug where the body couldn't be styled properly in custom content_css files.

Fixed bug where template plugins menu item would override the image menu item.

Fixed bug where IE 7-8 would render the text inside inputs at the wrong vertical location.

Fixed bug where IE configured to IE 7 compatibility mode wouldn't render the icons properly.

Fixed bug where editor.focus wouldn't properly fire the focusin event on WebKit.

Fixed bug where some keyboard shortcuts wouldn't work on IE 8.

Fixed bug where the undo state wasn't updated until the end of a typing level.

Fixed bug where keyboard shortcuts on Mac OS wasn't working correctly.

Fixed bug where empty inline elements would be created when toggling formatting of in empty block.

Fixed bug where applying styles on WebKit would fail in inline mode if the user released the mouse button outside the body.

Fixed bug where the visual aids menu item wasn't selected if the editor was empty.

Fixed so the isDirty/isNotDirty states gets updated to true/false on save() and change events.

Fixed so skins have separate CSS files for inline and iframe mode.

Fixed so menus and tool tips gets constrained to the current viewport.

Fixed so an error is thrown if users load jQuery after the jQuery version of TinyMCE.

Fixed so the filetype for media dialog passes out media instead of image as file type.

Fixed so it's possible to disable the toolbar by setting it to false.

Fixed so autoresize plugin isn't initialized when the editor is in inline mode.

Fixed so the inline editing toolbar will be rendered below elements if it doesn't fit above it.

TinyMCE 4.0 Released

Version 4.0b3

Added new optional advanced tab for image dialog with hspace, vspace, border and style.

Added new change event that gets fired when undo levels are added to editor instances.

Added new removed_menuitems option enables you to list menu items to remove from menus.

Added new external_plugins option enables you to specify external locations for plugins.

Added new language_url option enables you to specify an external location for the language pack.

Added new table toolbar control that displays a menu for inserting/editing menus.

Fixed bug where IE 10 wouldn't load files properly from cache.

Fixed bug where image dialog wouldn't properly remove width/height if blanked.

Fixed bug where all events wasn't properly unbound when editor instances where removed.

Fixed bug where data- attributes wasn't working properly in the SaxParser.

Fixed bug where Gecko wouldn't properly render broken images.

Fixed bug where Gecko wouldn't produce the same error dialog on paste as other browsers.

Fixed bug where is wasn't possible to prevent execCommands in beforeExecCommand event.

Fixed bug where the fullpage_hide_in_source_view option wasn't working in the fullpage plugin.

Fixed bug where the WindowManager close method wouldn't properly close the top most window.

Fixed bug where it wasn't possible to paste in IE 10 due to JS exception.

Fixed bug where tab key didn't move to the right child control in tabpanels.

Fixed bug where enter inside a form would focus the first button like control in TinyMCE.

Fixed bug where it would match scripts that looked like the tinymce base directory incorrectly.

Fixed bug where the spellchecker wouldn't properly toggle off the spellcheck mode if no errors where found.

Fixed bug in searchreplace plugin where it would remove all spans instead of the marker spans.

Fixed issue where selector wouldn't disable existing mode setting.

Fixed so it's easier to configure the menu and menubar.

Fixed so bodyId/bodyClass is applied to preview as it's done to the editor iframe.

TinyMCE 4.0b3

Version 4.0b2

Added new rel_list option to link plugin. Enables you to specify values for a rel drop down.

Added new target_list option to link plugin. Enables you to add to or disable the link targets.

Added new link_list option to link plugin. Enables you to specify a list of links to pick from.

Added new image_list option to image pluigin. Enables you to specify a list of images to pick from.

Added new textcolor plugin. This plugin holds the text color and text background color buttons.

Fixed bug where alignment of images wasn't working properly on Firefox.

Fixed bug where IE 8 would throw error when inserting a table.

Fixed bug where IE 8 wouldn't render the element path properly.

Fixed bug where old IE versions would render a red focus border.

Fixed bug where old IE versions would render a frameborder for iframes.

Fixed bug where WebKit wouldn't properly open the cell properties dialog on edge case selection.

Fixed bug where charmap wouldn't correctly render all characters in grid.

Fixed bug where link dialog wouldn't update the link text properly.

Fixed bug where the focus/blur states on inline editors wasn't handled correctly on IE.

Fixed bug where IE would throw "unknown error" exception sometimes in ForceBlocks logic.

Fixed bug where IE would't properly render disabled buttons in button groups.

Fixed bug where tab key wouldn't properly move to next input field in dialogs.

Fixed bug where resize handles for tables and images would appear at wrong positions on IE 8.

Fixed bug where dialogs would produce stack overflow if title was wider than content.

Fixed bug with table cell/row menu items being enabled even if no cell was selected.

Fixed so the text to display is after the URL field in the link dialog.

Fixed so the width setting applies to the editor panel in modern theme.

Fixed so it's easier to make custom icons for buttons using plain old images.

TinyMCE 4.0b2 Released

Version 4.0b1

Added new node.js based build process used uglify, amdlc, jake etc.

Added new package.json to enable easy installation of dependent npm packages used for building.

Added new link, image, charmap, anchor, code, hr plugins since these are now moved out of the theme.

Rewrote all plugins and themes from scratch so they match the new UI framework.

Replaced all events to use the more common <target>.on/off(<event>) methods instead of <target>.<event>.add/remove.

Rewrote the TinyMCE core to use AMD style modules. Gets compiled to an inline library using amdlc.

Rewrote all core logic to pass jshint rules. Each file has specific jshint rules.

Removed all IE6 specific logic since 4.x will no longer support such an old browser.

Reworked the file names and directory structure of the whole project to be more similar to other JS projects.

Replaced tinymce.util.Cookie with tinymce.util.LocalStorage. Fallback to userData for IE 7 native localStorage for the rest.

Replaced the old 3.x UI with a new modern UI framework.

Removed "simple" theme and added new "modern" theme.

Removed advhr, advimage, advlink, iespell, inlinepopups, xhtmlxtras and style plugins.

Updated Sizzle to the latest version.

[KriZa]

Ändern kann ich es nicht, alle Änderungen werden nicht gespeichert.

Es bleibt lediglich der "Bildname" stehen. Manchmal wird nach einer Änderung das zweite Bild einfach im Frontend gelöscht.

Im Backend werden die Bilder übrigens angezeigt, hier wird aber die Formatierung/Ausrichtung ignoriert (wird z.B. immer linksbündig anstatt rechtsbündig dargestellt).

Schau mal, ob hier was zur Lösung beigetragen wird: http://www.xt-commerce.com/forum/fragen-zur-software/76705-tinymce-speicherproblem-bug-3.html#post455333

[NilsK]

Moin,

ne, leider nicht (stammt ja auch von mir der Hinweis und Du bist der Einzige, der sich das mal genauer angeschaut/verfolgt hat ).

Bis zu der 4.16 habe ich manchmal über den HTML-Knopf den Code etwas aufgeräumt (weil TinyMCE viel Mist produziert hat), wurde dann auch alles super gespeichert.

Wenn ich jetzt etwas am Code ändere und speichern möchte, wird das schon gar nicht mehr übernommen.

Eine Eingabe muß beim ersten Mal 100%ig stimmen, sonst gibt's graue Haare.

Der xtc-Service hatte mir mal mitgeteilt, daß die den TinyMCE kaum debuggen können.

...und soviel verlange ich doch gar nicht von dem Teilchen - sind doch nur Standard Sachen, die jede Forensoftware fehlerfrei hinbekommt...

Hoffnungsvolle Grüße

Nils

[KriZa]

Ja, das traurig, in Joomla hab ich zb überhaupt keine probleme mit dem. alles vertrackt... naja, vllt findet sich irgendwann eine lösung. mal schauen.