Page 1 of 2 12 Last

Thread: WYSIWYG CMS

  1. #1
    Unrach's Avatar
    Registered
    29/08/08
    Location
    Hasselt
    Posts
    1,008
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    2/2

    WYSIWYG CMS

    Hey allemaal,

    Ik ben mij nu al zot aan het googlen naar waarschijnlijk iets heel kleins. Ik ben namelijk een CMS aan het maken waarbij je visueel aanpassingen kan maken. Het is mij zo ver al gelukt. Ik heb het met javascript gedaan dat een iframe in designMode gebruikt. De inhoud hiervan post hij door naar een database dat op een andere pagina wordt uitgelezen.

    Nu is de bedoeling in die iframe ook de huidige waarde komt te staan. Dus om het ruw te zeggen zou het zo iets moeten zijn:

    Code:
    document.getElementById('iframe').value = echo $row["NEWS];
    Dit is natuurlijk php en JS door elkaar en het klopt van geen kanten, maar het is om mijn bedoeling te verduidelijken.

    Zou het helpen als ik de code die ik tot nu toe heb eens post hier?

    Hier is de link waar het gebeuren zich plaats vind voor als het zou helpen: [VERWIJDERD]. Voel u vrij om het eens uit te testen.

    Alvast bedankt!
    Last edited by Unrach; 04-06-2010 at 12:27.
    Cinecom: Videoproducties voor bedrijven.
    no votes  

  2. #2
    Curahee Q's Avatar
    Registered
    07/12/07
    Location
    Hoogstraten
    Posts
    854
    iTrader
    0
    Mentioned
    0 Post(s)
    Waarom een eigen wysiwyg editor maken als er al vele bestaan die al dit werk voor u doen en ook 10x meer functionaliteit hebben?

    Demo | CKEditor
    no votes  

  3. #3
    Unrach's Avatar
    Registered
    29/08/08
    Location
    Hasselt
    Posts
    1,008
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    2/2
    Quote Originally Posted by Curahee Q View Post
    This quote is hidden because you are ignoring this member. Show
    Waarom een eigen wysiwyg editor maken als er al vele bestaan die al dit werk voor u doen en ook 10x meer functionaliteit hebben?

    Demo | CKEditor
    Ja ik weet het, maar ik ben zeer slecht in controle to krijgen over een heleboel code dat ik copy/paste. Ik schrijf liefst alles zelf ofwel kleine blokjes kopiƫren. En het voornaamste is ook eigenlijk om bij te leren natuurlijk. Door het zelf toe doen en op te zoeken leert ge het snelste.

    Maar toch bedankt voor de replt, die cke editor had ik nog niet gevonden.
    Cinecom: Videoproducties voor bedrijven.
    no votes  

  4. #4
    Drone's Avatar
    Registered
    28/05/03
    Location
    bmb
    Posts
    744
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    15/15
    Communicatie tussen browser en server met javascript doe je meestal door gebruik van XMLHTTPRequest.
    no votes  

  5. #5
    Kemblin's Avatar
    Registered
    14/05/03
    Location
    Schoten
    Posts
    812
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    1/7
    Je hebt idd zoals Drone zegt Aj(ax) nodig.

    nu ni om nog is te neuten maar ge zijt echt wel het wiel aan het heruitvinden
    Nog een veelgebruikte editor o.a. in wordpress is TinyMCE
    there you go
    no votes  

  6. #6
    Unrach's Avatar
    Registered
    29/08/08
    Location
    Hasselt
    Posts
    1,008
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    2/2
    Hmm ok, ik zal het eens bekijken. En merci voor den info drone
    Cinecom: Videoproducties voor bedrijven.
    no votes  

  7. #7
    lucaandro's Avatar
    Registered
    01/06/10
    Location
    Tessenderlo
    Posts
    9
    iTrader
    0
    Mentioned
    0 Post(s)
    Deze gebruik ik altijd, ook een goeie!

    CKEditor - WYSIWYG Text and HTML Editor for the Web
    no votes  

  8. #8
    Curahee Q's Avatar
    Registered
    07/12/07
    Location
    Hoogstraten
    Posts
    854
    iTrader
    0
    Mentioned
    0 Post(s)
    Als ge zelf zo een wysiwyg ding wilt schrijven moet ge al wel heel goe zijn. Met zo een CKEditor of TinyMCE (welke ik nooit deftig in gang kreeg) kunt ge bijna alles wat ge met word ook kunt.
    no votes  

  9. #9
    Unrach's Avatar
    Registered
    29/08/08
    Location
    Hasselt
    Posts
    1,008
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    2/2
    Quote Originally Posted by Curahee Q View Post
    This quote is hidden because you are ignoring this member. Show
    Als ge zelf zo een wysiwyg ding wilt schrijven moet ge al wel heel goe zijn. Met zo een CKEditor of TinyMCE (welke ik nooit deftig in gang kreeg) kunt ge bijna alles wat ge met word ook kunt.
    amai.. ik heb diene CKEeditor eens afgehaald, daar ga ik nooit aanuit kunnen. zoveel bestandjes en al. Ik zocht graag iets simpelere.. mja mss da ik ter wa dingen kan uit halen.
    Cinecom: Videoproducties voor bedrijven.
    no votes  

  10. #10
    dJeez's Avatar
    Registered
    17/07/02
    Location
    Sol System
    Posts
    10,064
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    27/78
    Je moet er niet voor de volle 100% aan uit kunnen, gewoon de voorbeeldjes bekijken en dan zie je dat het eigenlijk heel simpel is (zowel met CKEditor als TinyMce, de - verouderde - HTMLArea of andere). Zelf een degelijke WYSIWYG editor van nul schrijven is gewoon gekkenwerk (tenzij je niks beters te doen hebt en wat maanden kwijt wil spelen met het heruitvinden van het wiel natuurlijk).
    PSN: dJeezBE - Delicious bookmarks
    Disclaimer: I am currently suffering from severe CSD (Compulsive Sarcasm Disorder). - L'onion fait la farce - Facile largire de alieno
    Pastafarian by choice
    no votes  

  11. #11
    Drone's Avatar
    Registered
    28/05/03
    Location
    bmb
    Posts
    744
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    15/15
    Het is wel een leuk projectje en zelfs al kan je maar een basis editor maken dan nog zal je er veel uit leren.

    Aan de andere kant zijn van die editors echt wel af te raden. Waar kan laat ik de klant gewoon textboxen gebruiken en probeer ik op voorhand goed af te spreken welke onderdelen de content nodig heeft. Je verliest wel wat flexibiliteit maar alles is beter dan:

    Code:
    <div>&nbsp;&nbsp;&nbsp;&nbsp; tekst &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;tekst</div>
    of om nog een voorbeeld te geven:

    Code:
      <td style="border-right: #ece9d8; border-top: #ece9d8; font-weight: bold; border-left: #ece9d8; width: 20px; color: #242b47; border-bottom: #ece9d8; background-color: #ffffff" align="center" width="20">#</td>
    no votes  

  12. #12
    Unrach's Avatar
    Registered
    29/08/08
    Location
    Hasselt
    Posts
    1,008
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    2/2
    Ik begrijp heel goed dat ik het wiel opnieuw aan het uitvinden ben. Maar net zoals het leren van HTML/CSS is het beter dat je alles zelf schrijft ipv je objecten naar de designer mode te slepen. Ik heb nog niet veel geschreven en heb al een hele hoop nieuwe dingen geleerd.

    En het moet ook niet zo geavanceerd zijn. De CMS moet dienen voor iemand die al moete heeft met hare PC op te starten (bij wijze van spreken), dus als daar 1000 knopkes staan om text aan te passen ...

    Ik ben nu al wat verder geraakt en zie dat ik de waarde van een <textarea> naar een iframe moet toebrengen.

    EDIT: tis gelukt wat ik wilde bereiken. Maar het vreemde nu is dat wanneer zogezegd de iframe zijn default value uit de database leest, dat de opmaak ineens veranderd. Ge moet het maar eens testen nu met een kleurtje, groote, font, enz.

    Dit is de js die ik heb gebruikt:
    Code:
    var inframe = document.getElementById("doorgest").value;
     document.getElementById('iframe').contentWindow.document.body.innerHTML = inframe;
    Ik roep em op bij de onload van de body.

    Id "doorgest" is een textarea dat de waarde uit de database heeft.
    Last edited by Unrach; 03-06-2010 at 01:26.
    Cinecom: Videoproducties voor bedrijven.
    no votes  

  13. #13
    Eleven's Avatar
    Registered
    11/01/09
    Location
    neverland
    Posts
    101
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by [drone]-[1.05] View Post
    This quote is hidden because you are ignoring this member. Show
    Aan de andere kant zijn van die editors echt wel af te raden. Waar kan laat ik de klant gewoon textboxen gebruiken en probeer ik op voorhand goed af te spreken welke onderdelen de content nodig heeft.
    Ik snap zeker je ergernis. Maar langst de andere kant zijn de meeste van die WYSIWYG editors wel te configureren zodat de gebruiker alleen maar gebruik kan maken van zaken die jij wil. Wil je ze niet de functionaliteit geven om zelf fonts o.i.d. te gebruiken, dan laat je dat er gewoon uit.

    Het probleem van alle &nbsp; is wat moeilijker op te lossen. Dit is te vergelijken met mensen die in Word een hoop enters typen om naar een volgende pagina te gaan, in plaats van een pagina einde in te voegen. Ik denk dat het voor deze mensen noodzakelijk is om wat meer uitleg te geven over hoe ze een tekst publiceren.
    no votes  

  14. #14
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Quote Originally Posted by [drone]-[1.05] View Post
    This quote is hidden because you are ignoring this member. Show
    Het is wel een leuk projectje en zelfs al kan je maar een basis editor maken dan nog zal je er veel uit leren.

    Aan de andere kant zijn van die editors echt wel af te raden. Waar kan laat ik de klant gewoon textboxen gebruiken en probeer ik op voorhand goed af te spreken welke onderdelen de content nodig heeft. Je verliest wel wat flexibiliteit maar alles is beter dan:

    Code:
    <div>&nbsp;&nbsp;&nbsp;&nbsp; tekst &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;tekst</div>
    of om nog een voorbeeld te geven:

    Code:
      <td style="border-right: #ece9d8; border-top: #ece9d8; font-weight: bold; border-left: #ece9d8; width: 20px; color: #242b47; border-bottom: #ece9d8; background-color: #ffffff" align="center" width="20">#</td>
    Zoals Eleven zegt is het wel de bedoeling dat je uw klant in zijn mogelijkheden beperkt.

    Bvb alleen maar bold, italic , underline, anchors, uls , ols en images toe te laten.

    En voor de rest is het idd een must om uw klanten een basis opleiding te geven. Dat hoeft niet langer dan een kwartier te zijn voor die basis functionaliteit dat ik getoond heb hoor

    @unrach : als het is om te leren, ga uw gang. Als het is om in productie te zetten raad ik je dat ten zeerste af. Je weet niet wat voor beveiligingslekken je overziet e.d. Achter al die andere systemen zitten teams al jaren aan te werken en dat heeft zijn redenen
    no votes  

  15. #15
    Unrach's Avatar
    Registered
    29/08/08
    Location
    Hasselt
    Posts
    1,008
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    2/2
    Quote Originally Posted by adrianhates View Post
    This quote is hidden because you are ignoring this member. Show
    @unrach : als het is om te leren, ga uw gang. Als het is om in productie te zetten raad ik je dat ten zeerste af. Je weet niet wat voor beveiligingslekken je overziet e.d. Achter al die andere systemen zitten teams al jaren aan te werken en dat heeft zijn redenen
    Zo had ik heb idd nog niet bekeken. Nu, voor mijn eigen website heb ik ook een CMS geschreven waar ik al heel wat beveiligingen heb voor moeten maken. Zoals ge misschien nog weet heb ik hier eens een thread gemaakt dat iemand in het CMS heeft kunnen hacken, ook daar heb ik weer uit geleerd en kunnen oplossen.

    En nu denk ik ook niet dat er zich mensen gaan bezig houden met een website te 'hacken' wat over een toneel gezelschap gaat. Tevens is het alleen ook maar bekend in het dorp en omstreken.

    Het probleem bij die bestaande CMS'en vind ik dat je een hoop bestanden moet uploaden waarvan ik zelf niet eens weet wat het allemaal is. Ik ben iemand die graag elke letter weet van wat er in de code staat en daarom liefst alles zelf typ. En dan weet ik ook wat de code precies allemaal uitvoert en als er iets mis gaat is het meestal meteen opgelost.
    Cinecom: Videoproducties voor bedrijven.
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in