Drukowana wersja tematu

Napisany przez: fcppl 22.11.2022, 11:44:09

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 
<http://december.com/html/4/element/textarea.html id="element">
Nazwa jeden
Nazwa dwa
</http://december.com/html/4/element/textarea.html>
 
<http://december.com/html/4/element/button.html id="changeText">Replace Text</http://december.com/html/4/element/button.html>
 
<http://december.com/html/4/element/script.html>
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);
</http://december.com/html/4/element/script.html>
[HTML] pobierz, plaintext 

Napisany przez: viking 22.11.2022, 11:50:34

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

Napisany przez: fcppl 22.11.2022, 11:54:57

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.

Napisany przez: viking 22.11.2022, 13:46:40

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ś.

Napisany przez: fcppl 22.11.2022, 16:04:48

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 

Napisany przez: nospor 22.11.2022, 16:18:32

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

Napisany przez: fcppl 25.11.2022, 09:16:46

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