Jump to content

[RESOLU] Barre d'outils complémentaire pour edition HTML ?

superskyman100

By superskyman100
in Discussion générale

 Share

Recommended Posts

superskyman100 Newbie

superskyman100

Posted
Posted (edited)

Bonjour,

Je m'attaque à la refonte de mes mails via outil de traduction...

Et excusez ma franchise, dans le genre moyen age ergonomique 😅.... : si je sauvegarde pas toutes les deux minutes, la moindre erreur de manip est irreversible (sauf que les sauvegardes prennent du temps et reinitialisent toute la page), impossible de centrer meme un pauvre bloc de texte sans s'enfoncer dans les affres du code, je dois sortir de l'editeur pour changer ma langue de traduction sur chaque mail, etc etc etc.... 

Bref, l'interface des traduction n'est deja pas tres pratique de base, mais de surcroit elle ne présente AUCUNE option ou presque de mise en page (centrer un texte...), ni d'édition (annuler une action)... : LA MISERE.

Du coup, 40 corps de mails a revoir, pour six langues... Avec une vingtaine de modifs par corps d'email.... c juste la traversee du desert.

Y aurait il ici donc une lueur d'espoir (et pas a 70 euros) pour ajouter qq icones de mise en page sur mon editeur des traductions HTML ???

Merci

 

 

 

Edited by superskyman100 (see edit history)
Link to comment
Share on other sites
doekia Community Regular

doekia

Posted
Posted

Sans vouloir tout excuser de l'ergonomie, tu dois comprendre que les mails sont quelque chose de vraiment différent d'une page normale. Les css ne s'y appliquent pas vraiment, elle doivent être embarquées voire mise en dur dans le code afin d'obtenir un rendu +/- conforme.

Il est souvent plus judicieux de récupérer tout les html/tpl des mails, de les modifier avec un éditeur HTML en local puis de les réinjecter via FTP dans la boutique.

 

Link to comment
Share on other sites
superskyman100 Newbie

superskyman100

Posted
  • Author
Posted (edited)
Just now, doekia said:

Sans vouloir tout excuser de l'ergonomie, tu dois comprendre que les mails sont quelque chose de vraiment différent d'une page normale. Les css ne s'y appliquent pas vraiment, elle doivent être embarquées voire mise en dur dans le code afin d'obtenir un rendu +/- conforme.

Il est souvent plus judicieux de récupérer tout les html/tpl des mails, de les modifier avec un éditeur HTML en local puis de les réinjecter via FTP dans la boutique.

 

PS reste un outil solide malgre ses/nos defauts :) 

En local ok, mais pas super pratique, faut qd meme changer pas mal de petits trucs, sauter d'un fichier a un autre (l'outil translations a au moins le merite de tout regrouper) et ca a vite fait de plus marcher.... Par exemple le logo (theme modern) je le recentre >> il disparait de l'en-tete des mails et apparait en piece jointe... Bref, faut passer un temps monstre juste pour etablir la methode... Alors que Prestashop devrait justement ETRE la methode... ;)

Bref, je prefererai utiliser le module translation (avec ses imperfections), mais quelques petits icones de mise en page supplementaires (et franchement c pas du luxe....)

 

Edited by superskyman100 (see edit history)
Link to comment
Share on other sites
superskyman100 Newbie

superskyman100

Posted
  • Author
Posted

Aaarghh.... 

Fatal error, mon shop est mort !! 😨

image.thumb.png.c7d8eb2c909d716b347468acafd73ca9.png

 

Apres coup g regardé, suis sous PS 1.7............... Pas 1.6 !!.......................

 

J'ai essayé de remettre les fichiers originaux à leur place, mais le site reste planté, suis dans une belle panade...............................

Puree je passe mes journees a faire mon geek avec Prestashop, quand est-ce que je vais pouvoir commencer a VENDRE ???

Ca devient desesperant cette plate forme....

 

 

 

 

 

 

 

 

 

 

 

 

Link to comment
Share on other sites
superskyman100 Newbie

superskyman100

Posted
  • Author
Posted

Ici mon fichier original tinymce.inc.js

  

/**
 * Change default icons to marerial icons
 */
function changeToMaterial() {
  var materialIconAssoc = {
    'mce-i-code': '<i class="material-icons">code</i>',
    'mce-i-none': '<i class="material-icons">format_color_text</i>',
    'mce-i-bold': '<i class="material-icons">format_bold</i>',
    'mce-i-italic': '<i class="material-icons">format_italic</i>',
    'mce-i-underline': '<i class="material-icons">format_underlined</i>',
    'mce-i-strikethrough': '<i class="material-icons">format_strikethrough</i>',
    'mce-i-blockquote': '<i class="material-icons">format_quote</i>',
    'mce-i-link': '<i class="material-icons">link</i>',
    'mce-i-alignleft': '<i class="material-icons">format_align_left</i>',
    'mce-i-aligncenter': '<i class="material-icons">format_align_center</i>',
    'mce-i-alignright': '<i class="material-icons">format_align_right</i>',
    'mce-i-alignjustify': '<i class="material-icons">format_align_justify</i>',
    'mce-i-bullist': '<i class="material-icons">format_list_bulleted</i>',
    'mce-i-numlist': '<i class="material-icons">format_list_numbered</i>',
    'mce-i-image': '<i class="material-icons">image</i>',
    'mce-i-table': '<i class="material-icons">grid_on</i>',
    'mce-i-media': '<i class="material-icons">video_library</i>',
    'mce-i-browse': '<i class="material-icons">attachment</i>',
    'mce-i-checkbox': '<i class="mce-ico mce-i-checkbox"></i>',
  };

  $.each(materialIconAssoc, function (index, value) {
    $('.' + index).replaceWith(value);
  });
}

function tinySetup(config) {
  if (typeof tinyMCE === 'undefined') {
    setTimeout(function() {
      tinySetup(config);
    }, 100);
    return;
  }

  if (!config) {
    config = {};
  }

  if (typeof config.editor_selector != 'undefined') {
    config.selector = '.' + config.editor_selector;
  }


  var default_config = {
    selector: ".rte",
    plugins: "align colorpicker link image filemanager table media placeholder advlist code table autoresize",
    browser_spellcheck: true,
    toolbar1: "code,colorpicker,bold,italic,underline,strikethrough,blockquote,link,align,bullist,numlist,table,image,media,formatselect",
    toolbar2: "",
    external_filemanager_path: baseAdminDir + "filemanager/",
    filemanager_title: "File manager",
    external_plugins: {"filemanager": baseAdminDir + "filemanager/plugin.min.js"},
    language: iso_user,
    content_style : (lang_is_rtl === '1' ? "body {direction:rtl;}" : ""),
    skin: "prestashop",
    menubar: false,
    statusbar: false,
    relative_urls: false,
    convert_urls: false,
    entity_encoding: "raw",
    extended_valid_elements: "em[class|name|id],@[role|data-*|aria-*]",
    valid_children: "+*[*]",
    valid_elements: "*[*]",
    init_instance_callback: "changeToMaterial",
    rel_list:[
      { title: 'nofollow', value: 'nofollow' }
    ]
  };

  $.each(default_config, function (index, el) {
    if (config[index] === undefined)
      config[index] = el;
  });

  // Change icons in popups
  $('body').on('click', '.mce-btn, .mce-open, .mce-menu-item', function () {
    changeToMaterial();
  });

  tinyMCE.init(config);
}

 

....

 

Site completement plante... g essaye de restaurer les fichiers, rien a faire............. AU SECOURS !!

 

 

 


 

Link to comment
Share on other sites
superskyman100 Newbie

superskyman100

Posted
  • Author
Posted

Bonjour & merci bcp pour votre aide !

Oui, je viens de supprimer les fichiers dans /var (ca m'a pris une heure), ca refonctionne !!... OUF !!

Merci pour votre aide !!

Malheureusement, le code donné ne fonctionne pas sur PS 1.7.6.x.... :(

Ca va me prendre des decades de modifier tous les mails (6 langues....) en local avec Chrome...

Le dernier lien sur le site :

https://mypresta.eu/prestashop-17/extend-text-editor-in-new-presta.html

Ca ne fonctionne pas sous 1.7.6.x.....

 

 

 

 

Link to comment
Share on other sites
superskyman100 Newbie

superskyman100

Posted
  • Author
Posted
Just now, solsol69 said:

De rien.Avez vous peut pensez a l'acheter ?

https://mypresta.eu/modules/administration-tools/tinymce-pro-extended-rich-text-editor.html

Ouais bon g achete le module... pas merci a Prestashop, y'a qd meme des trucs de base qui permettent de travailler plutot que de faire son geek et perdre des jours entiers...

Merci a vous en tous cas..

 

Link to comment
Share on other sites
superskyman100 Newbie

superskyman100

Posted
  • Author
Posted

Waste of money... 

Le module permet meme pas de centrer le logo sur le theme moderne ou de supprimer les affreuses barres de cadre dans le theme classique.

Juste perdu 20 balles et, encore, du temps... pour RIEN.

J'en reviens pas a quel point l'ergonomie PS est a revoir..

Ce forum ne serait pas 'modere', j'utiliserai bien des noms d'oiseau..

HE, LES GARS DE PRESTASHOP : ON VEUT VENDRE, PAS FAIRE NO GEEKS !!!

Une PF de ecomnmerce est censee etre ergonomique pour que la methode soit simple. Desole, mais ici, sur les mails et traductions, y'a du taf...

Aller....

 

 

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...