|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
TinyMCE - problem
|
Liczba postów: 6
Liczba wątków: 2
Dołączył: 01-03-2011
Reputacja:
0
Siema .
Mam taki problem , a mianowicie chciałbym wstawić na stronę edytor tekstu ala tinymce może być ckeditor .
Problem polega na tym że chciałbym żeby na początku widniało tylko same pole tekstowe a obok przycisk który wyświetlał by właściwy edytor tekstu najlepiej w nowym oknie . Z góry dzikie za odpowiedzi , zadanie muszę wykonać do środy ponieważ zadano mi je na praktykach .
Pozdrawiam.[/i][/size]
Kod:
<html>
<head>
<script language="javascript" type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
});
</script>
</head>
<body>
<!--powinno widnieć tylko pole tekstowe-->
<form method="post" action="somepage" >
<textarea align="center"name="contect" cols=50 rows=15 ></textarea>
</form>
<input type="submit" /></form> <!-- przyciks wyswietlajcy edytor-->
</body>
</html>
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
inyMCE.init({
mode : "textareas",
theme : "advanced",
});
wrzuć to w funkcję, którą podepnij pod click dla jakiegoś guzika.
Tutaj znajdziesz jak:
http://doman.art.pl/kursjs/kurs/events.html
Liczba postów: 6
Liczba wątków: 2
Dołączył: 01-03-2011
Reputacja:
0
zrobiłem takie coś , i dalej nic . Dzięki za wskazówki , możesz spojrzeć na ten tekst:
Kod programu:
<html>
<head>
<script language="javascript" type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
function wypisz() {
inyMCE.init({
mode : "textareas",
theme : "advanced",
});
}
document.getElementById('guzik').onclick = wypisz
</script>
</head>
<body>
<!--powinno widnieć tylko pole tekstowe-->
<form method="post" action="somepage" >
<textarea align="center"name="contect" cols=50 rows=15 ></textarea>
</form>
<input type="button" id="guzik" value="kliknij" />
</form>
</body>
</html>
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
02-03-2011, 15:25
(Ten post był ostatnio modyfikowany: 02-03-2011, 15:27 przez Kartofelek.)
Kod: <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
function setup() {
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
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,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true
});
}
</script>
<form method="post" action="somepage">
<textarea name="content" style="width:100%">
</textarea>
<a href="javascript:setup();">Load TinyMCE</a>
</form>
Ps. Twój nie działał z innego powodu - twój skrypt próbował pobrać guzik przed tym jak został on stworzony. Wstaw skrypt na koniec kodu - bedzie smigac
Liczba postów: 6
Liczba wątków: 2
Dołączył: 01-03-2011
Reputacja:
0
Dzięki , ale mam jeszcze jedno pytanie : jak zrobić aby przycisk wyświetlający kod html(plugin:'code')
był wyświetlany podobnie jak przycisk 'Load TinyMce' czyli poza edytorem. Niestety nie znam javascript wiec mnie to przerasta . z góry dzięki za pomoc.
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
Możliwe że to:
<a href="#" onclick="tinyMCE.execCommand('code'); return false;">POKA KOD</a>
Ale głowy nie postawie.
Liczba postów: 6
Liczba wątków: 2
Dołączył: 01-03-2011
Reputacja:
0
niestety nie działa , jakieś pomysły?
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
|
Sponsorzy i przyjaciele
|
|
|
