Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Σε αυτή την περιοχή μπορείτε να βρείτε ή να αναζητήσετε πληροφορίες σχετικές με την PHP

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
Aretousa2009
Δημοσιεύσεις: 31
Εγγραφή: 05 Ιούλ 2009 02:52

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Aretousa2009 » 08 Μαρ 2012 02:26

Γειά σας.
Θέλω να ενσωματώσω στη φόρμα μιας σελίδας αρχείο.php έναν WYSIWYG editor (έχω κατεβάσει τον TinyMCE) και κατόπιν το κείμενο που θα γράφει ο χρήστης να αποθηκεύεται σε κάποιο field της βάσης μου.
Μπορεί κάποιος να με βοηθήσει με την ενσωμάτωση; Μέχρι στιγμής δεν τα έχω καταφέρει.
Ευχαριστώ για το χρόνο σας.

:hammer: :hammer:

Apostolis_38
Δημοσιεύσεις: 1969
Εγγραφή: 14 Φεβ 2008 16:20
Τοποθεσία: ΠΕΙΡΑΙΑΣ

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Apostolis_38 » 08 Μαρ 2012 09:57

Θα πρέπει στη σελίδα (ή στις σελίδες) που θέλεις να ενσωματώσεις τον editor αρχικά να τον καλείς, κάπως έτσι

Κώδικας: Επιλογή όλων

<script type="text/javascript" src="../tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="../tiny_mce/tiny_mce_menu.js"></script>
και ύστερα θα σου εμφανίζει τα textareas με τον editor ενεργοποιημένο.

Υπάρχουν κάποιες ρυθμίσεις που πιθανώς να χρειαστεί να κάνεις ώστε να δουλέψει όπως το θέλεις και βρίσκονται στο αρχείο tiny_mce_menu.js.
Για παράδειγμα αν δεν θέλεις να ενεργοποιηθεί σε κάποιο πεδίο ο editor τότε ενεργοποιείς στο menu.js το

Κώδικας: Επιλογή όλων

editor_deselector &#58; "mceNoEditor"
και στο αρχείο που σε ενδιαφέρει ορίζεις το textarea ως εξής:

Κώδικας: Επιλογή όλων

class="mceNoEditor"
Αλλά αυτά θα τα δεις στην πορεία. Προς το παρόν ενεργοποίησέ τον βάζοντας το σωστό path που αντιστοιχεί στη δική σου εγκατάσταση και βλέπεις τι θα κάνεις.

Άβαταρ μέλους
Aretousa2009
Δημοσιεύσεις: 31
Εγγραφή: 05 Ιούλ 2009 02:52

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Aretousa2009 » 09 Μαρ 2012 01:27

Πραγματικά δεν μπορώ να βρω το σωστό μονοπάτι.. αυτό πιστεύω ότι φταίει.
Μου εμφανίζει μόνο την textarea και αυτό εξαιτίας του textarea της φόρμας.
Έχω βάλει τον φάκελο tiny_mce στο htdocs/click_design/template1/
Είμαι σε περιβάλλον linux.
Παραθέτω τη σελίδα μου και ελπίζω να βοηθήσω για να με βοηθήσετε να τον ενεργοποιήσω τον editor.

Κώδικας: Επιλογή όλων

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<link href="shop.css" type="text/css" rel="stylesheet" />
</head>

<script type="text/javascript" src="../htdocs/click_design/template1/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript"></script>


<body>
<div id="wrapper">
	<div class="header">
			Διαχείριση σελίδας
	</div>
<?php

	include&#40;"connect1.php"&#41;;
		$link=mysql_connect&#40;$dbhost,$dbuser,$dbpassword&#41;;

		if&#40;!$link&#41; die
			&#40;"Παρουσιάστηκε σφάλμα κατά τη σύνδεση."&#41;;
		else 
			$db=mysql_select_db&#40;'mydata',$link&#41;;

		if &#40;!db&#41;
	   	die  &#40;"Σφάλμα!!"&#41;;
		else
			&#123;
				$setting2=&#40;"select * from mysite"&#41;; 
				$okk=mysql_query&#40;$setting2,$link&#41;;
?>
<div class="content">
	<div class="intro_page">		<br><br><br>
<table>
	<form method="post" action="check2.php">	
	<td><label>Όνομα link σελίδας</label></td><td><input type="text" name=name2 ></label></td><tr>
	<td><label>Πληροφορίες site</label></td>
	<td><label><textarea  name="body" rows="20" cols="80"> </textarea></label></td>
 	<tr>
	<td></td><td><label><input type="submit" value="SAVE"></label><label><input type="reset" value="CLEAR"></label></td>
	</form>
</table>
</div>
<?php

mysql_close&#40;$link&#41;;
			&#125;
?>
</div>
</body>
</html>


:hammer: :hammer: :hammer:

Apostolis_38
Δημοσιεύσεις: 1969
Εγγραφή: 14 Φεβ 2008 16:20
Τοποθεσία: ΠΕΙΡΑΙΑΣ

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Apostolis_38 » 09 Μαρ 2012 08:26

Αν υποθέσουμε οτι θέλεις να χρησιμοποιήσεις τον editor στο αρχείο test.php το οποίο βρίσκεται μέσα στο site template1 τότε το path είναι το:

Κώδικας: Επιλογή όλων

src="tiny_mce/tiny_mce.js"
Αν το test.php βρίσκεται στο φάκελο dokimi του site template1, τότε το path είναι

Κώδικας: Επιλογή όλων

src="../tiny_mce/tiny_mce.js"
κ.λ.π. κ.λ.π.

Άβαταρ μέλους
Aretousa2009
Δημοσιεύσεις: 31
Εγγραφή: 05 Ιούλ 2009 02:52

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Aretousa2009 » 28 Μαρ 2012 14:56

Αποστόλη... :( δεν εχω καταφέρει ακόμη να ενεργοποιήσω τον κειμενογράφο..
o tiny_mce folder περιέχει τα folders : langs, plugins, themes, utils και τα αρχεία licence.txt, tiny_mce.js, tiny_mce_popup.js

Κανω κληση του script στην αρχη


<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>

και μετά κάνω κλήση το ίδιο script μέσα στη φόρμα στο <label> EDW </label> που θέλω.

Παρατήρησα ότι σε παραδειγμά σου μου λες να κάνω κλήση και το

<script type="text/javascript" src="../tiny_mce/tiny_mce_menu.js"></script>

μόνο που εγώ δεν έχω δει τέτοια αρχείο στους φακέλους του.
Χρειάζομαι τα φώτα σου!!! Μπορείς?? :o :o

Άβαταρ μέλους
Aretousa2009
Δημοσιεύσεις: 31
Εγγραφή: 05 Ιούλ 2009 02:52

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Aretousa2009 » 28 Μαρ 2012 18:58

Παιδιά τη λύση την βρήκα σε αυτό το site και σας δίνς το link γιατί όλο και κάποιος μπορεί να το χρειαστεί!

http://www.elated.com/articles/adding-w ... your-site/

Ευχαριστώ! :D :D :D :D :D :D

Apostolis_38
Δημοσιεύσεις: 1969
Εγγραφή: 14 Φεβ 2008 16:20
Τοποθεσία: ΠΕΙΡΑΙΑΣ

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Apostolis_38 » 28 Μαρ 2012 21:49

Αργησε να μου έρθει mail με την απάντησή σου, αλλά απ' ότι φαίνεται τα κατάφερες.
Μπράβο.

Πάντως αυτό το αρχείο πρέπει να υπάρχει. Εχει τις ρυθμίσεις του editor.
Δεν ξέρω μήπως έχεις πιο καινούργια έκδοση του προγράμματος και ονομάζεται αλλιώς.

Άβαταρ μέλους
Aretousa2009
Δημοσιεύσεις: 31
Εγγραφή: 05 Ιούλ 2009 02:52

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Aretousa2009 » 28 Απρ 2012 01:19

Αποστόλη.... Μπορείς να με βοηθήσεις να ενεργοποιήσω όλα τα buttons του TinyMCe Editor μιας και παρατήρησα ότι δεν αναγνωρίζει ελληνικά και ακόμη και στα αγγλικά κείμενα δεν είναι αυτό που θα έπρεπε να είναι, δηλαδή WYSIWYG :hammer:
Ή τουλάχιστον να με καθοδηγήσεις προς τα που να κοιτάξω. Το googlarisma που έκανα δεν μπορώ να πω ότι ήταν σωτήριο...[/b]

Apostolis_38
Δημοσιεύσεις: 1969
Εγγραφή: 14 Φεβ 2008 16:20
Τοποθεσία: ΠΕΙΡΑΙΑΣ

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Apostolis_38 » 28 Απρ 2012 08:28

Τα buttons που εμφανίζονται υπάρχουν μέσα στο φάκελο plugins. Τα περισσότερα έχουν δικό τους ξεχωριστό folder όπου εκεί μέσα υπάρχουν js αρχεία ή και άλλα, css για παράδειγμα.
Το ίδιο ισχύει και για το φάκελο themes.
Στην έκδοση που έχω εγώ όλα αυτά ενεργοποιούνται ή απενεργοποιούνται στο αρχείο tiny_mce_menu.js στο tinyMCE.init({.
Οπως και η Ελληνική γλώσσα, για την οποία πρέπει να υπάρχουν κάποια αρχεία el.js μέσα σε υποφακέλους langs. Αυτό που δεν θυμάμαι να σου πω είναι αν αυτά τα αρχεία el κατεβαίνουν με την εφαρμογή ή κατεβάζεις κάποιο addon. Δυστυχώς πάει αρκετός καιρός από τότε που ασχολήθηκα.

Παράδειγμα:

Κώδικας: Επιλογή όλων

theme &#58; "advanced",
language &#58; "el",
plugins &#58; "pagebreak,style,layer,
theme_advanced_buttons1 &#58; "bold,italic,underline,strikethrough,
Εσύ απ' ότι γράφεις δεν έχεις το αρχείο αυτό.Δεν γνωρίζω μήπως έχεις άλλη έκδοση η οποία έχει κάποια διαφοροποίηση. Θεωρώ όμως λίγο απίθανο να μην υπάρχει κάποιο αντίστοιχο αρχείο που κάνει αυτή τη δουλειά.
Λίγο πολύ όλες οι web εφαρμογές έχουν κάποιο config αρχείο

Άβαταρ μέλους
Aretousa2009
Δημοσιεύσεις: 31
Εγγραφή: 05 Ιούλ 2009 02:52

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Aretousa2009 » 28 Απρ 2012 15:44

Απ'οτι βλέπω υπάρχει μόνο το αρχείο en.js οπότε να γιατί δεν υποστηρίζει τα ελληνικά.
Οπότε μέσω αυτού του link
http://www.tinymce.com/i18n/index.php?c ... ad&pr_id=1
Κατεβάζω τα ελληνικά. :)

Άβαταρ μέλους
Aretousa2009
Δημοσιεύσεις: 31
Εγγραφή: 05 Ιούλ 2009 02:52

Ενσωμάτωση WYSIWYG editor σε php site και σύνδεση με τη βάση μας.

Δημοσίευση από Aretousa2009 » 11 Ιουν 2012 20:53

Όσο αφορά τον TinyMce όταν θέλουμε να τον ενσωματώσουμε σε ένα site μας τότε κάνουμε τα εξής:
1) http://www.tinymce.com κατεβάζουμε τον editor

2) Αποσυμπιέζουμε το αρχείο κ τοποθετούμε τον φάκελο tiny_mce στο φάκελο που είναι το site μας.

3) Συνήθως το αρχείο που κάνουμε download περιέχει μόνο τα αγγλικά αν θέλουμε και τα ελληνικα, κατεβάζουμε το πακέτο της γλώσσας που επιθυμούμε από το site http://www.tinymce.com/i18n/index.php?c ... ad&pr_id=1
και τοποθετούμε το .js αρχείο στο φάκελο tiny_mce/langs

4) Δημιουργούμε μια φόρμα στη σελίδα που θέλουμε να τον χρησιμοποιήσουμε του στυλ:

Κώδικας: Επιλογή όλων

<table>
<form method="post" action="check2.php">	<td><b>
<label>Πληροφορίες site</label><b></td><tr><tr><td>
<label> <textarea rows="20" cols="100" name="body"> </textarea>
<script type="text/javascript">
tinyMCE.init&#40;&#123;
theme &#58; "advanced", // υπάρχη και η επιλογή simple
language &#58; "el", // αλλαγή γλώσσας, να αναγνωρίζει και τα ελληνικά
plugins &#58; "emotions,spellchecker,advhr,insertdatetime,preview",
mode &#58; "textareas",
elements &#58; "body",
theme_advanced_buttons1 &#58;"bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 &#58;"cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 &#58;"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_toolbar_location &#58; "top",
theme_advanced_toolbar_align &#58; "left"
&#125;&#41;;
</script> 
</label> <tr> <td>
<label> <input type="submit" value="SAVE"></label><label><input type="reset" value="CLEAR"> </label> </td>
</form>
</table>
Σε τοπικό server (apache) τρέχει άψογα!Σε free hosting server ( στην περίπτωσή μου Zymic) δεν εμφανίζεται ο editor.
Καμία ιδέα? Τa forum τους δεν δίνουν κάποια λύση!

Απάντηση

Επιστροφή στο “PHP Προγραμματισμός”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης