Thread: WYSIWYG CMS
-
31-05-2010, 18:35 #1Approved 9-lifer
- 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:
Dit is natuurlijk php en JS door elkaar en het klopt van geen kanten, maar het is om mijn bedoeling te verduidelijken.Code:document.getElementById('iframe').value = echo $row["NEWS];
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
-
-
31-05-2010, 19:27 #2
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 | CKEditorno votes
-
31-05-2010, 19:41 #3Approved 9-lifer
- Registered
- 29/08/08
- Location
- Hasselt
- Posts
- 1,008
- iTrader
- 3 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 2/2
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
-
31-05-2010, 21:12 #4
Communicatie tussen browser en server met javascript doe je meestal door gebruik van XMLHTTPRequest.
no votes
-
01-06-2010, 02:02 #5Member
- 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 TinyMCEthere you gono votes
-
01-06-2010, 14:22 #6Approved 9-lifer
- 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
-
01-06-2010, 15:11 #7
Deze gebruik ik altijd, ook een goeie!
CKEditor - WYSIWYG Text and HTML Editor for the Webno votes
-
02-06-2010, 00:51 #8
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
-
02-06-2010, 01:15 #9Approved 9-lifer
- Registered
- 29/08/08
- Location
- Hasselt
- Posts
- 1,008
- iTrader
- 3 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 2/2
Cinecom: Videoproducties voor bedrijven.no votes
-
02-06-2010, 22:43 #10Member
- 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 alienoPastafarian by choiceno votes
-
02-06-2010, 23:55 #11
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:
of om nog een voorbeeld te geven:Code:<div> tekst tekst</div>
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
-
03-06-2010, 00:11 #12Approved 9-lifer
- 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:
Ik roep em op bij de onload van de body.Code:var inframe = document.getElementById("doorgest").value; document.getElementById('iframe').contentWindow.document.body.innerHTML = inframe;
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
-
03-06-2010, 13:59 #13
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 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
-
03-06-2010, 14:33 #14
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
-
03-06-2010, 15:23 #15Approved 9-lifer
- Registered
- 29/08/08
- Location
- Hasselt
- Posts
- 1,008
- iTrader
- 3 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 2/2
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

