CKEditor wstawienie tekstu po Onclick Opcje

[slawny]

Witam,

napotkałem problem z którym nie mogę sobie poradzić.

Chciałbym aby po kliknięciu w link który ma podłączoną funkcję onclick, wstawiał się do textarea odpowiedni tekst.
Stworzyłem sobie funkcję i wszystko pięknie działa na textarea nie będącym ckeditorem, jak podłączę edytor to tekst się nie wstawia.
Oprócz wstawienia tekstu dopisałem fragment alert(), żeby mi zwracał zawartość (po wstawieniu) textarea i zwraca poprawną zawartość, problem w tym że jej nie wyświetla.

Proszę o pomoc.

[Kshyhoo]

To ma być jakieś własne formatowanie tekstu, czy chcesz wklejać jakieś fragmenty tekstu?

[kajzur]

I jak wywołujesz CKeditora?

[slawny]

@kajzur
Wywołuje normalnie.
Podłączam skrypt js i podaje id jakie nadałem textarea.

@Kshyhoo
ma to wstawiać do textarea "zmienne" , których nie chce mi się pisać za każdym razem(dużo dziwnych znaków). Stworzyłem w tym celu listę używanych zmiennych które chce wstawiać po kliknięciu w jedną z nich.

Ten post edytował slawny 15.03.2011, 11:52:30

[Kshyhoo]

@Kshyhoo
ma to wstawiać do textarea "zmienne" , których nie chce mi się pisać za każdym razem(dużo dziwnych znaków). Stworzyłem w tym celu listę używanych zmiennych które chce wstawiać po kliknięciu w jedną z nich.

Podaj konkrety, co chcesz osiągnąć - i luknij tu

[slawny]

Konkrety już napisałem ale nie możemy się zrozumieć, więc uproszczę to trochę:

Mam w aplikacji w dowolnym miejscu napis "ALA MA KOTA", jak go kliknę (obojętnie czy to będzie link czy jakieś li) chcę aby ten tekst został wstawiony do textarea będącym ckeditorem.

Tak jak pisałem wcześniej, dopóki jest to zwykłe textarea to nie ma problemu - wszystko działa.
Jak wskaże w skrypcie że ten konkretny textarea ma być edytorem to nie wstawia do niego tekstu (fizycznie go nie widać), ale musi coś się dziać bo w funkcji js która odpowiada za wstawienie dopisałem alert zawartości tej textarea i zwraca poprawnie.

[Kshyhoo]

OK, spłodziłem naprędce, więc wymaga sprawdzenia:
1. plik główny edytora - ckeditor.js
a). odszukać:

[JAVASCRIPT] pobierz, plaintext 
'about,basicstyles,blockquote,button,clipboard,colorbutton,colordialog,contextmen
u, elementspath,enterkey,entities,filebrowser,find,flash,font,format,forms,horizont
alrule, htmldataprocessor,image,indent,justify,keystrokes,link,list,maximize,newpage,pag
ebreak, pastefromword,pastetext,popup,preview,print,removeformat,resize,save,scayt,smile
y, showblocks,sourcearea,stylescombo,table,tabletools,specialchar,tab,templates,too
lbar, undo,wysiwygarea,wsc'
[JAVASCRIPT] pobierz, plaintext 

. dodać do kodu:

[JAVASCRIPT] pobierz, plaintext 
wlepki,
[JAVASCRIPT] pobierz, plaintext 

c). odszukać:

[JAVASCRIPT] pobierz, plaintext 
i.toolbar_Full=[['Source','-','Save','NewPage','Preview','-','Templates'],['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'],['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],'/',['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],['Link','Unlink','Anchor'],['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],'/',['Styles','Format','Font','FontSize'],['TextColor','BGColor'],['Maximize','ShowBlocks','-','About']];
[JAVASCRIPT] pobierz, plaintext 

d). dodać do kodu:

[JAVASCRIPT] pobierz, plaintext 
['Wlepki'],
[JAVASCRIPT] pobierz, plaintext 

2. W katalogu plugins edytora, dodać katalog wlepki.
3. W katalogu wlepki dodać plik plugin.js.
4. Do pliku plugin.js wkleić kod:

[JAVASCRIPT] pobierz, plaintext 
CKEDITOR.plugins.add( 'wlepki',
{   
	requires : ['richcombo'], //, 'styles' ],
  init : function( editor )
  {
    var config = editor.config,
		lang = editor.lang.format;
 
		// Gets the list of tags from the settings.
		var tags = []; //new Array();
		//Tu wstawic wlasny tekst do wklejenia w formacie:
		//this.add('value', 'drop_text', 'drop_label');
		tags[0]=["Imię", "Imię", "Imię"];
		tags[1]=["Nazwisko", "Nazwisko", "Nazwisko"];
		tags[2]=["E-mail", "E-mail", "E-mail"];
		tags[3]=["Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", "Lorem ipsum", "Lorem ipsum"];
 
		// Create style objects for all defined styles.
 
		editor.ui.addRichCombo( 'Wlepki',
		{
			label : "Wlepki",
			title :	"Wstaw tekst",
			voiceLabel : "Wstaw tekst",
			className : 'cke_format',
			multiSelect : false,
 
			panel :
			{
				css : [ config.contentsCss, CKEDITOR.getUrl( editor.skinPath + 'editor.css' ) ],
				voiceLabel : lang.panelVoiceLabel
			},
 
			init : function()
			{
				this.startGroup( "Wlepki" );
				//this.add('value', 'drop_text', 'drop_label');
				for (var this_tag in tags){
					this.add(tags[this_tag][0], tags[this_tag][1], tags[this_tag][2]);
				}
			},
 
			onClick : function( value )
			{         
				editor.focus();
				editor.fire( 'saveSnapshot' );
				editor.insertHtml(value);
				editor.fire( 'saveSnapshot' );
			}
		});
	}
});
[JAVASCRIPT] pobierz, plaintext 

I to tyle.
Jak widać, można wstawiać dowolny tekst w formacie: ["wklejony tekst", "tekst do kliknięcia", "opis w chmurce"]:

[JAVASCRIPT] pobierz, plaintext 
tags[0]=["Imię", "Imię", "Imię"];
tags[1]=["Nazwisko", "Nazwisko", "Nazwisko"];
tags[2]=["E-mail", "E-mail", "E-mail"];
tags[3]=["Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", "Lorem ipsum", "Lorem ipsum"]
[JAVASCRIPT] pobierz, plaintext 

PS. Uwaga na wielkość znaków przy edycji!