Archief - WYSIWYG CMS

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
U

Unrach

Legacy Member
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!
C

Curahee Q

Legacy Member
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
U

Unrach

Legacy Member
Curahee Q zei:
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
Klik om te vergroten...

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.
K

Kemblin

Legacy Member
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
U

Unrach

Legacy Member
Hmm ok, ik zal het eens bekijken. En merci voor den info drone
C

Curahee Q

Legacy Member
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.
U

Unrach

Legacy Member
Curahee Q zei:
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.
Klik om te vergroten...

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.
d

dJeez

Legacy Member
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).
D

Drone

Legacy Member
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>
U

Unrach

Legacy Member
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.
E

Eleven

Legacy Member
[drone]-[1.05];13359185 zei:
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.
Klik om te vergroten...

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.
a

adrianhates

Legacy Member
[drone]-[1.05];13359185 zei:
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>
Klik om te vergroten...

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 :)
U

Unrach

Legacy Member
adrianhates zei:
@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 :)
Klik om te vergroten...

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.
w

woony

Legacy Member
tinymce is echt simpel en zeeeer makkelijk te configureren.
gebruik ik nu ook in een projectje.
gebruiker kan ongeveer hetzelfde als hier in de quickreply box. Meer heeft die toch meestal niet nodig volgens mij? Meestal wil je die zelfs niet meer functionaliteit geven of die site ziet er niet meer uit achter 2 maanden...
U

Unrach

Legacy Member
Ik ben mij nu wat aan het verdiepen in tinymce. Da ziet ter al een hoop overzichtelijker uit. Ik ben het nu helemaal aan het aanpassen naar mijn zin.
w

woony

Legacy Member
Unrach zei:
Ik ben mij nu wat aan het verdiepen in tinymce. Da ziet ter al een hoop overzichtelijker uit. Ik ben het nu helemaal aan het aanpassen naar mijn zin.
Klik om te vergroten...

goeie keus
U

Unrach

Legacy Member
Voila zie.. tis geïmplanteerd: [VERWIJDERD]
Heb alleen nog altijd da probleem met die styles. Probeer maar is is heel veel opmaak te geven aan de text en dan terug te wijzigen, dan is de opmaak ineens weg oO


EDIT: Webpagina is publiek niet meer toegankelijk sinds ter misbruik van gemaakt word -.-
EDIT2: Tis al opgelost, ik had gebruik moeten maken van stripslashes()
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan