+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: TinyMCE - problem (/thread-tinymce-problem)
TinyMCE - problem - skrzypek01 - 01-03-2011
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>
RE: TinyMCE - problem - Kartofelek - 01-03-2011
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
RE: TinyMCE - problem - skrzypek01 - 02-03-2011
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>
RE: TinyMCE - problem - Kartofelek - 02-03-2011
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
RE: TinyMCE - problem - skrzypek01 - 03-03-2011
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.
RE: TinyMCE - problem - Kartofelek - 03-03-2011
Możliwe że to:
<a href="#" onclick="tinyMCE.execCommand('code'); return false;">POKA KOD</a>
Ale głowy nie postawie.
RE: TinyMCE - problem - skrzypek01 - 03-03-2011
niestety nie działa , jakieś pomysły?