PrestaShop - TinyMCE Editor - vložiť vlastné tlačidlo (html)

Kaper · **Registrován:** 06 čer 2014 19:28 **Příspěvky:** 607

Zdravím,

Potreboval by som do editoru v administrácii (konkrétne v editácii produktu - popis / krátky popis) vložiť svoje "tlačidlá" - ktoré po kliknutí vložia do editoru resp do HTML kódu - svoj HTML kód.

Príklad:
TLAČIDLO č. 1 (viď screenshot) -> vloží kód: "<a>text</a>"

Uľahčilo by mi to neskutočne čas a prácu, jedná sa o to, že potrebujem ku každému produktu vkladať inú tabuľku a takto by som si tie "tabuľky" vkladal pomocou tlačidiel, a nemusím ich kopírovať "ručne" do zdrojáku.

Ďakujem za pomoc

/Niečo také, ako robí tlačidlo "CITÁCIA" / "QUOTE" - ktoré vloží kód "<blockquote>text</blockquote>" -
Stačilo by napr. len toto tlačidlo nakopírovať a zmeniť vložený kód.

Kaper · **Registrován:** 06 čer 2014 19:28 **Příspěvky:** 607

Našiel som niečo takéto -> otázka je , kam to správne vložiť aby to fungovalo

ĎAKUJEM

https://www.tinymce.com/docs/demo/custo ... ar-button/

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8504

Dobrý den,

na stránce Create a Custom Toolbar Button naleznete návod na přidání vlastního tlačítka. A úpravu budete muset provést v souboru /ADMINSLOZKA/themes/default/template/controllers/products/helpers/form/form.tpl. Kód TinyMCE editoru začíná řádky:

Kód:

{block name="autoload_tinyMCE"}
   // Execute when tab Informations has finished loading
   tabs_manager.onLoad('Informations', function(){
      tinySetup({
         editor_selector :"autoload_rte",
...
...

Kaper · **Registrován:** 06 čer 2014 19:28 **Příspěvky:** 607

Ďakujem ale viete ma nasmerovať kam a aký kód vložiť pre jednoduché pridanie tlačidla do Toolbaru ktoré mi voloží môj požadadovaný HTML kód v editore?
Skúšal som Vami uvedený link, ale naozaj netuším kam a čo vložiť, kedže sú tam JS funkcie.

ĎAKUJEM

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8504

Dobrý den,

zde je ukázka kódu pro přidání tří tlačítek.

Za řádek:

Kód:

editor_selector :"autoload_rte",

přidejte nový řádek:

Kód:

toolbar2: "tlacitko1,tlacitko2,tlacitko3",

A za řádek:

Kód:

setup : function(ed) {

přidejte následující řádky:

Kód:

ed.addButton('tlacitko1',
{
  text: "Název tlačítka 1",
  onclick: function () {
    ed.insertContent('Obsah, který se má vložit tlačítkem 1.');
  }
});

ed.addButton('tlacitko2',
{
  text: "Název tlačítka 2",
  onclick: function () {
    ed.insertContent('Obsah, který se má vložit tlačítkem 2.');
  }
});

ed.addButton('tlacitko3',
{
  text: "Název tlačítka 3",
  onclick: function () {
    ed.insertContent('Obsah, který se má vložit tlačítkem 3.');
  }
});

Kaper · **Registrován:** 06 čer 2014 19:28 **Příspěvky:** 607

Výborne, moc ste mi pomohli a veľmi pekne Vám ďakujem, funguje

...

Návody pro C4

Webhosting C4

PrestaShop - TinyMCE Editor - vložiť vlastné tlačidlo (html)

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting