[PHP][JavaScript]Zmiana tresci w textarea TinyMCE Opcje

[fcppl]

Witam

Mam pole textarea i w niej treść (pobierana z SQL). Potrzebuję poprzez kliknięcie w button zmienić nazwy np:

Nazwa jeden na Nowa Nazwa jeden
Nazwa dwa na Nowa Nazwa dwa

I zrobiłem to tak:

[HTML] pobierz, plaintext 
<textarea id="element">
Nazwa jeden
Nazwa dwa
</textarea>
 
<button id="changeText">Replace Text</button>
 
<script>
const changeText = (e) => {
const element = $("#element");
const textToReplace = element.text();
const newText = textToReplace.replace("Nazwa jeden", "Nowa Nazwa jeden").replace("Nazwa dwa", "Nowa Nazwa dwa");
element.text(newText);
};
 
$(document).on('click', '#changeText', changeText);
</script>
[HTML] pobierz, plaintext 

Działa wszystko b.dobrze, ale problem zaczyna się jak mam podłączony Edytor TinyMCE (Wersja: 5.10.6)

Nie mam pojęcia jak to podłączyć do edytora TinyMCE. Niestety nie znalazłem też żadnych pomocy w podobnym temacie na forum.

Proszę o pomoc.

[fcppl]

Mogło tak to wyglądać bo od razu poprosiłem o przykład. Wykonuję dużo testów od wczoraj. Nie pokazuję tego bo niestety nie mam pojęcia jak mam połączyć to z TinyMCE i wygląda to strasznie amatorsko. Czytałem tez wszystko co wysłałeś dzisiaj jako podpowiedż, ale dalej moim największym problemem jest podlączenie tego do TinyMCE.

Jedynie co zrobiłem to cos w tym stylu ale to nie dziala: Nowy przypisc (My Custom Button) do Akcji sie pojawia ale jak zrobic replace tego nie wiem i niestety nie mam wiedzy jak to podlaczyc pod TinyMCE

[HTML] pobierz, plaintext 
 
 
tinymce.init({
  selector: '#product_desc',
  toolbar: 'myCustomToolbarButton',
  setup: function (editor) {
    editor.ui.registry.addButton('myCustomToolbarButton', {
      text: 'My Custom Button',
      onAction: function () {
       editor.on('PostProcess', function(ed) {
            ed.content = ed.content.replace('dddddd','test');
        });
      },
    });
  }
});
 
 
 
[HTML] pobierz, plaintext 

Ten post edytował fcppl 22.11.2022, 16:05:08