TinyMCE skin wijzigen
Heb een CMS, die in gebruik is van tinycme, wil een ander skin plaatsen, heb een code ook erbij geplaats. (gewijzigd)
Als goed is, is skin ook online in het map.
Skin die ik wil heet: "o2k7"
Skin online, en code staan erop.
Ga ik terug naar cms waar tinycme staan, zie ik het "word" / dingen niet omheen alleen testveld.
Zal misschien de mappen van tinycme niet goed staan, dat hij niet herkend?
Ik hoop dat ik duidelijk kan vertellen wat m'n probleem is.
Als je iets wil bekijken, hoor ik het wel wat julie willen zien "code/inlog" Etc?
Ik hoor het graag van je, alvast bedankt.
Met vriendelijke groet,
Anja v. Steenbrugge
Gewijzigd op 01/01/1970 01:00:00 door Anja van Steenbrugge
Bij het aanroepen van tinymce:
Code (php)
1
2
3
4
5
2
3
4
5
tinyMCE.init({
...
theme : "advanced",
skin : "o2k7",
});
...
theme : "advanced",
skin : "o2k7",
});
Eventueel hierbij
Code (php)
1
skin_variant : "silver",
of
Code (php)
1
skin_variant : "black",
o2k7 heeft namelijk 2 varianten
Zie voor voorbeeld:
http://tinymce.moxiecode.com/examples/skins.php
Gewijzigd op 01/01/1970 01:00:00 door Leen M
http://www.avsdesign.nl/parijsnet/cms/admin/tiny_mce/themes/advanced/skins/o2k7/
Hier staan ze...
Heb deze code heb ik staan:
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
24
25
26
27
28
29
30
31
32
33
34
35
36
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
// O2k7 skin
tinyMCE.init({
// General options
mode : "exact",
elements : "elm1",
theme : "advanced",
skin : "o2k7",
plugins : "safari,spellchecker,pagebreak,style,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,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,
// Example content CSS (should be your site CSS)
content_css : "css/example.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "js/template_list.js",
external_link_list_url : "js/link_list.js",
external_image_list_url : "js/image_list.js",
media_external_list_url : "js/media_list.js",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
}); </script>
<script type="text/javascript">
// O2k7 skin
tinyMCE.init({
// General options
mode : "exact",
elements : "elm1",
theme : "advanced",
skin : "o2k7",
plugins : "safari,spellchecker,pagebreak,style,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,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,
// Example content CSS (should be your site CSS)
content_css : "css/example.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "js/template_list.js",
external_link_list_url : "js/link_list.js",
external_image_list_url : "js/image_list.js",
media_external_list_url : "js/media_list.js",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
}); </script>
Moet toch iets mis waarom het niet helemaal werkt?
edit Ik heb eventjes deze regel bij geplakt:
Code (php)
1
skin_variant : "silver",
Nu zie ik wel word dingen omheen, maar nog niet het skin van: 'o2k7'
Ik hoor het wel, alvast bedankt.
Met vriendelijke groet,
Anja v. Steenbrugge
Gewijzigd op 01/01/1970 01:00:00 door Anja van Steenbrugge
Dit is het standaard init script. De verwijzingen ed moeten aangepast worden aan de situatie.
Zorg dat bij plugins: ook alleen plugins staan die aanwezig zijn. Ik zie dat imagemanager en filemanager er ook bij staan, en dat zijn geen standaard plugins, maar hier moet je volgens mij voor betalen (http://tinymce.moxiecode.com/plugins_imagemanager.php). (als je die plugins hebt, is er natuurlijk niets aan de hand).
Ook de plugin template wordt geladen. Hiervoor moet een kloppende username en staffid ingevuld worden onderaan het script:
Code (php)
1
2
3
4
2
3
4
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
template_replace_values : {
username : "Some User",
staffid : "991234"
Code (php)
1
2
2
// Example content CSS (should be your site CSS)
content_css : "css/example.css",
content_css : "css/example.css",
Is dit de css van de site?
Check ook even of de andere verwijzingen in het script kloppen.
Gewijzigd op 01/01/1970 01:00:00 door Leen M
Ik snap ook wel dat link niet werkt dat er geen index.php staat bv, maar gaat om dat ik wel goede volgorden van map heb. (die ik wel heb staan)
Ik kan toch zonder imagemanager en filemanager, moet ik bij regel plugin ff eruit halen toch?
De css, dat zie ik staan bij mapje css alleen zie geen css/example.css staan wel content.css en word.css? Zal dat ook het probleem zijn dat niet werkt?
Leen schreef op 17.11.2008 15:43:
die link geeft een 403 error (no permission)
Ook de plugin template wordt geladen. Hiervoor moet een kloppende username en staffid ingevuld worden onderaan het script:
Ook de plugin template wordt geladen. Hiervoor moet een kloppende username en staffid ingevuld worden onderaan het script:
Code (php)
1
2
3
4
2
3
4
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
template_replace_values : {
username : "Some User",
staffid : "991234"
Ik weet jammer ff niet wat ik hiermee moet, waar weet ik wanneer jusite zijn?
Met vriendelijke groet,
Anja v. Steenbrugge
Die css gaat over de stylesheet van je site. Je kan ook ff deze regel eruit halen, dan heb je er geen last van (het is namelijk een optie).
Als je de plugin 'template' niet laad, hoef je ook geen username ed in te voeren. Dan kan je deze regels ook weghalen.
Probeer anders eens:
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
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
// O2k7 skin
tinyMCE.init({
// General options
mode : "exact",
elements : "elm1",
theme : "advanced",
skin : "o2k7",
//plugins : "safari,spellchecker,pagebreak,style,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,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,
// Drop lists for link/image/media/template dialogs
template_external_list_url : "js/template_list.js",
external_link_list_url : "js/link_list.js",
external_image_list_url : "js/image_list.js",
media_external_list_url : "js/media_list.js",
}
}); </script>
<script type="text/javascript">
// O2k7 skin
tinyMCE.init({
// General options
mode : "exact",
elements : "elm1",
theme : "advanced",
skin : "o2k7",
//plugins : "safari,spellchecker,pagebreak,style,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,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,
// Drop lists for link/image/media/template dialogs
template_external_list_url : "js/template_list.js",
external_link_list_url : "js/link_list.js",
external_image_list_url : "js/image_list.js",
media_external_list_url : "js/media_list.js",
}
}); </script>
Ik heb de plugins uitgecommentarieerd en de laatste 2 werkbalken ook(hier zitten namelijk buttons in die verwijzen naar niet gelaadde plugins).
bovenin nog het installatiepad invullen:
Code (php)
1
<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
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
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
// O2k7 skin
tinyMCE.init({
// General options
mode : "exact",
elements : "elm1",
theme : "advanced",
skin : "o2k7",
//plugins : "safari,spellchecker,pagebreak,style,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,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,
// Drop lists for link/image/media/template dialogs
template_external_list_url : "js/template_list.js",
external_link_list_url : "js/link_list.js",
external_image_list_url : "js/image_list.js",
media_external_list_url : "js/media_list.js",
}
}); </script>
<script type="text/javascript">
// O2k7 skin
tinyMCE.init({
// General options
mode : "exact",
elements : "elm1",
theme : "advanced",
skin : "o2k7",
//plugins : "safari,spellchecker,pagebreak,style,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,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,
// Drop lists for link/image/media/template dialogs
template_external_list_url : "js/template_list.js",
external_link_list_url : "js/link_list.js",
external_image_list_url : "js/image_list.js",
media_external_list_url : "js/media_list.js",
}
}); </script>
Nu werkt deze niet meer, zie bij tinycme alleen tekstveld.
EDIT:
Ik heb het even zelf geprobeerd.
Dat tekstvak waar in getypt wordt is een textarea (als het goed is). Dan zijn er twee manieren om tinymce hieraan te koppelen, nl:
- in tinyMCE.init
Code (php)
1
mode : "textareas",
- of de tekstarea een id geven en datzelde id invullen bij
Code (php)
1
elements : "idvantextarea",
Vervolgens is het naar wens plugins toevoegen en de werkbalken opmaken.
Ik hoop dat het nu werkt. Ik vermoed dat dit het probleem is.
Gewijzigd op 01/01/1970 01:00:00 door Leen M
Ik zet verloopig weer terug op oude hoe die eerst was.
Wil ik wel ooit weer op terug komen om te problemen wel te kunnen oplossen.
Ik weet nu echt even niet meer, wat nou mis is. :(