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.

https://www.tiny.cloud/docs/ui-components/toolbarbuttons/

dziękuję za pomoc, a mogę prosić o przykład jak to połączyć do mojego rozwiązania? Niestety nie wiem jak do TinyMCE dołączyć swoj skrypt ten co pokazywałem wcześniej.

Masz tam sporo przykładów jak operować na treści, pewnie nawet do nich nie zajrzałeś tylko od razu chcesz gotowca. Sorry, pokaż co próbowałeś.

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 

Ja nie wiem... nie uzywam tinymce w ogole, ale 3 minuty googlania i mam dzialajacy kod


i juz

dziękuję o to mi chodziło i wszystko działa idealnie

witam,

Napotkałem jeszcze jeden problem.

Jeżeli chce zmienić nazwę z polskimi literami np: Wysokość niestety nic nie działa, ale jak wpisze Wysokośćo (dodam o na końcy) wtedy zmiana działa poprawnie.

W samym skrypcie z pierwszego posta dokładnie występuje ten sam problem.

Zaznaczam że szukałem rozwiązania w googlach ale nie potrafię nić na ten temat wyszukać. Sam też coś tam testowałem i niestety też sobie nie poradziłem.

Proszę o jakąś wskazówkę, a jeżeli jest możliwość o przykład.

Tak wygląda moje gotowe ustawienia Tinymce:

[HTML] pobierz, plaintext 
tinymce.init({
	selector: "#product_desc",
	plugins: 'code | table | link | image | paste',
	toolbar: 'code | table | undo redo | link | image | alignleft aligncenter ' +  'alignright alignjustify | blocks | ' + 'bold italic | myCustomToolbarButton',
	menubar: 'tools | table tabledelete | tableprops tablerowprops tablecellprops | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol | link | image',
	table_default_attributes: {},
	table_default_styles: {},
	height : "900",
	paste_as_text: true,
	entities : "160,nbsp,38,amp,34,quot,162,cent,8364,euro,163,pound,165,yen,169,copy,174,r
eg,8482,trade,8240,permil,60,lt,62,gt,8804,le,8805,ge,176,deg,8722,minus",
	invalid_styles: { 
		'table': 'width height', 
		'tr' : 'width height',
		'th' : 'width height',
		'td' : 'width height'
	},
	setup: function (editor) {
		editor.ui.registry.addButton('myCustomToolbarButton', {
		text: 'Tłumaczenie',
		onAction: function () {
			editor.setContent(editor.getContent()
 
 
 
				.replace(/\bWysokość\b/ugi, 'Nowa nazwa')				
 
		);
		}
		});
		}
	});
[HTML] pobierz, plaintext 

witam, czy może mi ktoś pomoc?

z tego co ustaliłem to powoduje to replace(/\bWysokość\b/ugi, 'Nowa nazwa') - (\bxxx\b). Jednak dalej nie wiem jak ten problem rozwiązać. I problem występuję tylko jak na końcu słowa jest znak PL np: słowo Sprężyna zamienia dobrze.