Met ajax pagina inladen met tinyMCE
Ik wil graag gebruikmaken van tiny_MCE editor voor een website beheer systeem. Nu maak ik ook gebruik van AJAX. Alle pagina's worden ingeladen in een content div. Alles werkt perfect! behalve het inladen van de pagina met de editor. De pagina wordt goed ingeladen, maar de editor wordt niet weergegeven.
Heeft iemand een idee hoe ik dit kan gaan oplossen?
Is het een volledige pagina die je inlaad? en kloppen de paden ook? Want zodra je inlaad vanaf een andere map veranderd het pad ook.
Ik heb een functie gemaakt, je moet eerst klikken op een link en vervolgens wordt de editor geladen. Dit werkt wel:)
Maar alsnog, een link aanklikken om de editor in te laden? is dat niet overbodig?
Code (php)
1
2
3
2
3
<script type="text/javascript>
window.onload=loadtiny;
</script>
window.onload=loadtiny;
</script>
dit werkt niet dus gebruik ik nu
Code (php)
1
<a onClick="loadtiny(); return false;">Editor laden</a>
wesley schreef op 18.03.2009 14:05:
onclick kan ook in javascript. ik weet niet hoor? wss bedoel jij actionscript, daar is het kleine letters :p
Maar alsnog, een link aanklikken om de editor in te laden? is dat niet overbodig?
Maar alsnog, een link aanklikken om de editor in te laden? is dat niet overbodig?
Ik bedoel wanneer je onclick meegeeft aan een element, bv <input type="button" onclick="jsfunctiezeik();" />, <a href="#" onclick="jsfunctiezeik();">Blaat</a> etc etc
@ Robin; lol! Dat maak veel uit! Zonder () is het geen functie meer maar kan het bv een var zijn (in js)
Gewijzigd op 01/01/1970 01:00:00 door Wouter De Schuyter
Doe bijv. dit maar eens:
Code (php)
1
document.getElementById("clicker").click = test();
Hij zal test() direct uitvoeren. Als je het zo doet:
Code (php)
1
document.getElementById("clicker").click = test;
zal hij hem pas uitvoeren wanneer er op geklikt wordt.
Ten minste, dat maakte ooit bij mij verschil uit. Het duidelijkste is om het zo te doen:
Code (php)
1
2
3
2
3
document.getElementById("clicker").click = function () {
test();
};
test();
};
Jezpur schreef op 18.03.2009 14:46:
Het duidelijkste is om het zo te doen:
Code (php)
1
2
3
2
3
document.getElementById("clicker").click = function () {
test();
};
test();
};
Welk nut heeft je functie dan nog? In bovenstaand vb geen nut meer dus..
FireBug geeft ook geen fout meldingen.
ik gebruik het volgende:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
function Editor() {
tinyMCE.init({
// General options
mode : "exact",
elements : "elm1",
theme : "advanced",
skin : "o2k7",
plugins : "safari,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",
// Theme options
theme_advanced_buttons1 : "save,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,fontselect,fontsizeselect,bullist,numlist,|,search,replace,|,link,unlink,|,image,|,undo,redo",
theme_advanced_buttons2 : "cut,copy,pastetext,|,insertdate,inserttime,|,forecolor,backcolor,|,hr,|,table,|,sub,sup,|,charmap,|,print,|,fullscreen", //theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
//theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
//theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
//theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
});
}
</script>
function Editor() {
tinyMCE.init({
// General options
mode : "exact",
elements : "elm1",
theme : "advanced",
skin : "o2k7",
plugins : "safari,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",
// Theme options
theme_advanced_buttons1 : "save,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,fontselect,fontsizeselect,bullist,numlist,|,search,replace,|,link,unlink,|,image,|,undo,redo",
theme_advanced_buttons2 : "cut,copy,pastetext,|,insertdate,inserttime,|,forecolor,backcolor,|,hr,|,table,|,sub,sup,|,charmap,|,print,|,fullscreen", //theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
//theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
//theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
//theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
});
}
</script>
en op dit aan te roepen:
Code (php)
1
<textarea name="content" id="elm1" onclick="Editor(); return false;" style="width:100%" rows="15" cols="20"></textarea>