Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

PHP & Javascript Rich Text Editor (WYSIWYG)

[es] :: PHP :: PHP & Javascript Rich Text Editor (WYSIWYG)

[ Pregleda: 2497 | Odgovora: 14 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
*.broadband.blic.net.



Profil

icon PHP & Javascript Rich Text Editor (WYSIWYG)22.01.2010. u 11:26 - pre 173 meseci
Pozdrav svima.

Free Rich Text Editor

Na pomenutom linku se nalazi online text editor koji zelim da koristim na jednom projektu, medjutim, i pored toga sto je autor ostavio kratki "how to" ne uspijevam da nadjem resenje za sledece:

Naime, nakon sto u "Design" dijelu se unese neki sadrzaj, u "Code" dijelu se isti pretvara u HTML code. Sad, potrebno mi je da nekako taj "Code" dio ucitam u varijablu i dalje manipulisem s njom. Sa PHP se snalazim onako... dovoljno, ali javascript jos nisam poceo uciti. Imam osjecaj da je nesto vrlo jednostavno, ali zbog navedenog razloga ne mogu da rijesim ovo.

Ovo je PHP dio koji preko varijable unosi sadrzaj u DESIGN dio:

Code:
<?php
function freeRTE_Preload($content) {
    // Strip newline characters.
    $content = str_replace(chr(10), " ", $content);
    $content = str_replace(chr(13), " ", $content);
    // Replace single quotes.
    $content = str_replace(chr(145), chr(39), $content);
    $content = str_replace(chr(146), chr(39), $content);
    // Return the result.
    return $content;
}
// Send the preloaded content to the function.
$content = freeRTE_Preload("<i>This is some <b><br>preloaded</b> content</i>")

?>
<form method="get">
<!-- Include the Free Rich Text Editor Runtime -->
<script src="../js/richtext.js" type="text/javascript" language="javascript"></script>
<!-- Include the Free Rich Text Editor Variables Page -->
<script src="../js/config.js" type="text/javascript" language="javascript"></script>
<!-- Initialise the editor -->
<script>
initRTE('<?= $content ?>', 'example.css');
</script>
<input type="submit">
</form>


Ovo je sadrzaj richtext.js

richtext.js
 
Odgovor na temu

kazil
Robert Bašić
Full time PHP dev :)
Bačka Topola - Novi Sad

Član broj: 120044
Poruke: 686
*.static.kdsinter.net.

Jabber: robertbasic@elitesecurity.org
ICQ: 446475288
Sajt: robertbasic.com


+2 Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)22.01.2010. u 12:12 - pre 173 meseci
Sta podrazumevas pod manipulacijom? Kako da manipulises? Sa serverske ili klijent strane?
 
Odgovor na temu

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
*.broadband.blic.net.



Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)22.01.2010. u 12:16 - pre 173 meseci
Pa... npr da sav taj text (koji je HTML code) sacuvam u bazu, ili kreiram novi HTML dokument koji ce opet biti dostupan preko linkova korisniku.
Eto, dakle sacuvati taj HTML code kao medium text u MySQL bazu.
Dakle sa serverske strane. A sav taj proces bi se pokrenuo kada korisnik klikne "Submit" button, koji bi se jesnostavno mogao nazvati i SAVE, jer bi proces bio slican... sacuvati njegov rad u bazu i po potrebi ga dostaviti, ali to je drugi dio price.
 
Odgovor na temu

agvozden
Aleksandar Gvozden
founder
Info-G
Beograd

Član broj: 37813
Poruke: 1123
*.b92.net.

Sajt: www.gvozden.info


+68 Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)22.01.2010. u 12:19 - pre 173 meseci
u ovoj funkciji ti se javlja rteFormName
verovatno je definisan u config.js

setuj taj parametar, pa ga hvataj preko 'get'-a
 
Odgovor na temu

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
*.broadband.blic.net.



Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)22.01.2010. u 12:25 - pre 173 meseci
Code:

// Name of the hidden form field.
rteFormName = "freeRTE_content";


Da, ovo imam u config.js
...al mislim da nisam skontao kako da to iskoristim :-/
 
Odgovor na temu

agvozden
Aleksandar Gvozden
founder
Info-G
Beograd

Član broj: 37813
Poruke: 1123
*.b92.net.

Sajt: www.gvozden.info


+68 Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)22.01.2010. u 14:15 - pre 173 meseci
pa, namece ti se da probas sa:
$_GET['freeRTE_content'];

hvatas ga kao obicno 'tekstfield' polje.
 
Odgovor na temu

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
*.customer.blic.net.



Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)22.01.2010. u 17:29 - pre 173 meseci
Kada probam sledece:

Code:
document.write (freeRTE_content);


Ispise mi na stranici:

[object HTMLTextAreaElement]
 
Odgovor na temu

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
*.customer.blic.net.



Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)22.01.2010. u 20:04 - pre 173 meseci
Drugari, rijesio sam... Eto, samo jos jednom da se zahvalim svima na pomoci... a resenje je bilo ovo:

Code:
getXHTML(trim(document.getElementById(rteFormName).value));
 
Odgovor na temu

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
188.246.78.*



Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)25.01.2010. u 19:45 - pre 173 meseci
Ne mogu nikako da nastavim s radom, stojim u mjestu vec 3 dana. :(

Naime, zelim ovu varijablu iz js da posaljem na sledecu stranicu, kada se klikne na "Submit", i da se ona konvertuje u PHP varijablu.
Evo kako sam ja to uradio:
Code:

<form action="edit.php" method="post" onsubmit="for_submit()">
 <input id=varid type=hidden name=transport value="">
  <table width="100%" border="0">
    <tr>
      <td><!-- Include the Free Rich Text Editor Runtime -->
          <script src="js/richtext.js" type="text/javascript" language="JavaScript"></script>
          <!-- Include the Free Rich Text Editor Variables Page -->
          <script src="js/config.js" type="text/javascript" language="JavaScript"></script>
          <!-- Initialise the editor -->
          <script>
      <?php

        echo "initRTE('".$content."', 'style.css');";

        ?>
        var newhtml;
        newhtml = (getXHTML(trim(document.getElementById(rteFormName).value)));
        function for_submit() {
        document.getElementById('varid').value = newhtml;
        return true;
        }
        </script>
   <input type="submit">
</form>


na edit.php stranici imam sledece:

Code:
<?php
$display = $_POST["transport"];

echo $display;
?>


...medjutim, stalno prazna stranica mi se prikazuje. Sa druge strane, siguran sam da js varijabla koju saljem "newhtml" ima vrijednost, i to je tekst (HTML code, tacnije). To sam provjerio sa document.write(newhtml);
 
Odgovor na temu

vatri
Banja Luka, RS

Član broj: 68697
Poruke: 1006
*.dynamic.dsl.t-2.net.



+18 Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)25.01.2010. u 19:54 - pre 173 meseci
Hmmm, ne vjerujem da mozes stavljati onsubmit za formu.
Savjet:
1. napravi neki tekst link i stavi mu ovako <a href="#" onclick="for_submit()">Submit</a>
2. u form tag dodaj atribut name="forma" (ili nesto drugo ako vec imas neki element sa imenom forma)
3. u for_submit na kraju dodaj "document.forma.submit()" (i izbrisi return = true;)
4. u php-u (edit.php) stavi "var_dump($display)"
5. pisi pravilno HTML kod, ovako nije pametno <input id=varid type=hidden name=transport value=""> ovako stavi <input id="varid" type="hidden" name="transport" value="">
-----------------------------------------------------------
mozes vidjeti jesi li uzeo pravu vrijednost sa alert() funkcijom u JS-u (lakse je, bar meni).

eto komsija, ako zapne vici :)
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-1.sezampro.yu.



+33 Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)25.01.2010. u 20:33 - pre 173 meseci
Ako sam dobro razumeo šta je ideja, onda mislim da bi još "elegantnije" rešenje bilo da na onsubmit događaj samo append-uje tu promenljivu na action atribut forme, kao dodatni parametar u url-u, i onda bi ga samo iz GET-a hvatao na serverskoj strani, ovako nekako:
Code:
<form id = "forma" action="edit.php" method="post" onsubmit="this.action = this.action + '?varid=' + document.getElementById('varid').value; return true;">
//ostatak koda
</form>

Ili, kako ja više preferiram, jQuery-jem, bind-ovanje događaja "spolja":
Code:
$(document).ready(function() {
    $('#forma').submit(function() {
        $('#forma').attr('action', $('#forma').attr('action') + '?=' + $('#varid').val());
            
        return true;
    });
});

I u PHP-u posle imaš:
Code:
$varid = $_GET['varid'];
 
Odgovor na temu

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
*.broadband.blic.net.



Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)26.01.2010. u 01:31 - pre 173 meseci
Hvala svima na odgovorima, problem sam rijesio na malo radikalniji nacin :)
Ponovo su mi se javljali neki problemi i sl, a onda sam odlucio da predjem na drugi open source text editor... i sad sve fino radi :D

Ovdje mozete naci pomenuti text editor
 
Odgovor na temu

alfa-pro
Pancevo

Član broj: 241818
Poruke: 476
*.dynamic.isp.telekom.rs.



+7 Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)12.03.2010. u 03:00 - pre 172 meseci
pa jesi uspeo da sredis bar ovaj drugi editor??
Kada vidjamo uvek ista lica, na kraju ona postaju deo našeg života. A kada postanu
deo našeg života,
onda žele i da nam ga izmene. I ako ne bude po njihovom, nije im pravo. Jer, svaki
čovek ima tačnu predstavu kako bi trebalo da živimo svoj život. A nikad nemaju pojma
kako treba da prožive sopstveni život.
 
Odgovor na temu

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
*.blic.net.



Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)12.03.2010. u 09:59 - pre 172 meseci
Da, da... drugi radi super!
Hvala jos jednom!
 
Odgovor na temu

alfa-pro
Pancevo

Član broj: 241818
Poruke: 476
*.dynamic.isp.telekom.rs.



+7 Profil

icon Re: PHP & Javascript Rich Text Editor (WYSIWYG)15.03.2010. u 13:32 - pre 171 meseci
Ne nego sam te pitao da li si sredio jer sam ja imao probleme oko konfiguracije sa ovim drugim pa zato!!!
Kada vidjamo uvek ista lica, na kraju ona postaju deo našeg života. A kada postanu
deo našeg života,
onda žele i da nam ga izmene. I ako ne bude po njihovom, nije im pravo. Jer, svaki
čovek ima tačnu predstavu kako bi trebalo da živimo svoj život. A nikad nemaju pojma
kako treba da prožive sopstveni život.
 
Odgovor na temu

[es] :: PHP :: PHP & Javascript Rich Text Editor (WYSIWYG)

[ Pregleda: 2497 | Odgovora: 14 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.