Przedszkolak
Postów: 3
 v7.02.07
Data rejestracji: 29.11.2014 14:49
|
Chcę mieć możliwość kolorowania składni w artykułach i newsach używając TinyMCE. Próbowałem na dwa sposoby ale nic mi z tego nie wyszło...
1. Postępując zgodnie z instrukcją na stronie http://www.richgr...er-plugin/
Pobrałem plugin ze strony http://github.com...ree/master rozpakowałem i skopiowałem folder syntaxhl do \includes\jscripts\tiny_mce\plugins
Następnie wyedytowałem plik admin_header_mce.php znajdujący się w \themes\templates
i kod function advanced() {
tinyMCE.init({
relative_urls: false,
mode: 'textareas',
theme: 'advanced',
skin: 'o2k7',
skin_variant: 'silver',
pagebreak_separator: '<--PAGEBREAK-->',
language:'".$locale['tinymce']."',
plugins: 'safari,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras',
theme_advanced_buttons1: 'newdocument,styleprops,|,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,|,ltr,rtl,|,print,fullscreen',
theme_advanced_buttons4: 'insertlayer,moveforward,movebackward,absolute,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,blockquote,pagebreak',
theme_advanced_toolbar_location: 'top',
theme_advanced_toolbar_align: 'left',
theme_advanced_statusbar_location: 'bottom',
theme_advanced_resizing: true,
invalid_elements:'script,object,applet,iframe',
content_css:'".THEME."styles.css',
external_image_list_url:'".IMAGES."imagelist.js',
});
}
Kliknij i zaczekaj na załadowanie kodu ...
Po mojej edycji wygladał tak:
function advanced() {
tinyMCE.init({
relative_urls: false,
mode: 'textareas',
theme: 'advanced',
skin: 'o2k7',
skin_variant: 'silver',
pagebreak_separator: '<--PAGEBREAK-->',
language:'".$locale['tinymce']."',
plugins: 'syntaxhl,safari,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras',
theme_advanced_buttons1: 'newdocument,styleprops,|,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: 'syntaxhl,tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,ltr,rtl,|,print,fullscreen',
theme_advanced_buttons4: 'insertlayer,moveforward,movebackward,absolute,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,blockquote,pagebreak',
theme_advanced_toolbar_location: 'top',
theme_advanced_toolbar_align: 'left',
theme_advanced_statusbar_location: 'bottom',
theme_advanced_resizing: true,
invalid_elements:'script,object,applet,iframe',
content_css:'".THEME."styles.css',
external_image_list_url:'".IMAGES."imagelist.js',
remove_linebreaks : false,
extended_valid_elements : "textarea[cols|rows|disabled|name|readonly|class]"
});
}
Kliknij i zaczekaj na załadowanie kodu ...
Niestety po tej operacji strona w ogóle się nie ładuje i otrzymuje tylko komunikat błędu php.....
2. Syntax Highlighter TinyMCE Plugi - SH4TinyMCE ze strony http://lab.nomado...sh4tinymce
W zasadzie postępowałem analogicznie jak powyżej tj. skopiowałem rozpakowany folder z pluginem do folderu \includes\jscripts\tiny_mce\plugins wyedytowałem plik admin_header_mce.php z tej samej lokacji co powyżej i ten sam fragment kodu który poprzednio cytowałem zastąpiłem kodem:
function advanced() {
tinyMCE.init({
relative_urls: false,
mode: 'textareas',
theme: 'advanced',
skin: 'o2k7',
skin_variant: 'silver',
pagebreak_separator: '<--PAGEBREAK-->',
language:'".$locale['tinymce']."',
plugins: 'sh4tinymce,safari,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras',
theme_advanced_buttons1: 'newdocument,styleprops,|,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: 'sh4tinymce,tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,ltr,rtl,|,print,fullscreen',
theme_advanced_buttons4: 'insertlayer,moveforward,movebackward,absolute,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,blockquote,pagebreak',
theme_advanced_toolbar_location: 'top',
theme_advanced_toolbar_align: 'left',
theme_advanced_statusbar_location: 'bottom',
theme_advanced_resizing: true,
invalid_elements:'script,object,applet,iframe',
content_css:'".THEME."tiny-styles.css',
external_image_list_url:'".IMAGES."imagelist.js',
});
Kliknij i zaczekaj na załadowanie kodu ...
Niestety po tej operacji strona działa jednak zamiast edytora TinyMCE mam standardowy edytor PHP-Fusion.
Co robię nie tak? Jak to uruchomić?
PW od moderatora:
- Przeniesienie tematu - bogdan 29.11.2014 15:58
- Ogólna uwaga - bogdan 29.11.2014 15:59
|
Przedszkolak
Postów: 3
v7.02.07
Data rejestracji: 29.11.2014 14:49
|
W drugim przypadku dodałem dwa pliki .js do katalogu langs pluginu
pl_dlg.js
tinymce.addI18n('pl.sh4tinymce_dlg',{
'SH4TinyMCE - Code Editor' : 'SH4TinyMCE - Code Editor',
'Insert/Edit Code' : 'Insert/Edit Code',
'Language' : 'Language',
'Auto links' : 'Auto links',
'Gutter' : 'Gutter',
'Html script' : 'HTML script',
'Toolbar' : 'Toolbar',
'Highlight' : 'Highlight',
'Tab size' : 'Tab size',
'First Line' : 'First Line',
});
Kliknij i zaczekaj na załadowanie kodu ...
oraz plik pl.js
tinymce.addI18n('pl',{
'SH4TinyMCE - Code Editor' : 'SH4TinyMCE - Code Editor',
'Insert/Edit Code' : 'Insert/Edit Code',
'Language' : 'Language',
'Auto links' : 'Auto links',
'Gutter' : 'Gutter',
'Html script' : 'HTML script',
'Toolbar' : 'Toolbar',
'Highlight' : 'Highlight',
'Tab size' : 'Tab size',
'First Line' : 'First Line',
});
Kliknij i zaczekaj na załadowanie kodu ...
Jednak nic to nie zmieniło edytor TinyMCE, w ogóle się nie uruchamia, jest standardowy edytor.
W pierwszym przypadku, w kodzie który wstawiłem za pierwszy razem, parser php wskazuje na błąd w linii 23 wrzuconego przeze mnie kodu fragmentu extended_valid_elements : "textarea[cols|rows|disabled|name|readonly|class]"
Kliknij i zaczekaj na załadowanie kodu ...
Połączony z 30 listopad 2014 00:28:
Ok, powalczyłem jeszcze z pierwszym przypadkiem, ostatecznie w admin_header_mce.php mam coś takiego:
function advanced() {
tinyMCE.init({
relative_urls: false,
mode: 'textareas',
theme: 'advanced',
skin: 'o2k7',
skin_variant: 'silver',
pagebreak_separator: '<--PAGEBREAK-->',
language:'".$locale['tinymce']."',
plugins: 'syntaxhl,safari,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras',
theme_advanced_buttons1: 'newdocument,styleprops,|,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: 'syntaxhl,tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,ltr,rtl,|,print,fullscreen',
theme_advanced_buttons4: 'insertlayer,moveforward,movebackward,absolute,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,blockquote,pagebreak',
theme_advanced_toolbar_location: 'top',
theme_advanced_toolbar_align: 'left',
theme_advanced_statusbar_location: 'bottom',
theme_advanced_resizing: true,
invalid_elements:'script,object,applet,iframe',
content_css:'".THEME."tiny-styles.css',
external_image_list_url:'".IMAGES."imagelist.js',
remove_linebreaks : false,
extended_valid_elements : \"textarea[cols|rows|disabled|name|readonly|class]\"
});
Kliknij i zaczekaj na załadowanie kodu ...
Dodałem do pluginu polskie pliki językowe i o dziwo edytor się uruchamia, jest w menu dostępna pozycja wstawienia kodu, jednak jak w stawie jakiś kod to niby wszystko jest ok poza tym że nic nie jest kolorowane, z tego co doczytałem tutaj: http://www.richgr...er-plugin/ muszę jeszcze wrzucić sam skrypt highlightera -> coś takiego https://code.goog..._1.5.1.rar
Pytanie za 100 punktów GDZIE dokładnie mam to wrzucić?
PW od moderatora:
- Ogólna uwaga - Pieka 30.11.2014 09:51
Edytowane przez XnIcRaM dnia 29.11.2014 23:28:25
|
Rozwiń Kod źródłowy PHP
