Toon posts:

PHP text edit tool functies

Pagina: 1
Acties:
  • 101 views sinds 30-01-2008

Verwijderd

Topicstarter
ik ben op zoek naar een aantal 'teksteditor' functies die met php en eventueel javascript gerealiseerd moeten worden. De functies die ik wil realiseren zijn:
- geselecteerde tekst met een knop bold/italic/underlined maken
- een tekst bold/italic/underlined typen na een druk op de knop
- bovenstaand geld ook voor andere teksteditor functies als uitlijnen, inspringen etc.
Er zijn hier voorbeelden van online (zie de rich text editor van hotmail) maar ik ben benieuwd of iemand al iets dergelijks met php voor elkaar heeft gekregen. Het moet dus echt 'live' kunnen. liever niet met pagerefresh of iets dergelijks. graag jullie reacties!

Verwijderd

Als hotmail het heeft, kun je naar de source kijken. PHP is alleen voor het serverside werk, alles wat je in die "editor" van hotmail doet gebeurd clientside met html en js neem ik aan.

  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Hoi,

Volgens mij heb je alleen maar een beetje DHTML nodig.
http://www.aspalliance.com/Yusuf/Article10.asp

Good luck :7

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


Verwijderd

Topicstarter
Tnnx guys, ik zal meteen gaan kijken :-)
Keep on going 8-)

Verwijderd

Topicstarter
Nog ff, ik ben weer terug... BEDANKT MENSEN...u have made my day *D

CU

  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Ach. jij ook bedankt. Krijg weer geniale ideeën voor mijn standaard Content Management System :)

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


  • corani
  • Registratie: December 2000
  • Laatst online: 05-10-2017

corani

__,,,_(^_^)_,,,__

Heeft iemand al iets bedacht om die plaatjes die je erin plakt up te loaden tijdens het saven?

Laat me nou toch eens met rust man!
Iedereen die in telekinese gelooft, steek a.u.b. mijn hand op


Verwijderd

Topicstarter
ik weet al niet eens wat je met dat saven doet, <i>kan</i> iemand mij dat uitleggen?
thnx

  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Nee nog niet eigenlijk...
Heb het nu al gelukkig voor elkaar dat ik een tekst kan openen, kan editen en dan weer kan bewaren in een database. :7

Makkelijkst denk ik de image string grabben en bijvoorbeeld php hem op laten halen? Of als je het via een formulier wilt doen euhm...
function Save()
{
if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
var sImgTag = idContent.document.body.all.tags("IMG");
var oImg;
for (var i = sImgTag.length - 1; i >= 0; i--)
{
oImg = sImgTag[i];
alert("Add your code to Upload local image file here. Image Inserted : " + oImg.src );
}
alert("Add your code to Save Document here");
alert("Your Document : " + idContent.document.body.innerHTML);
}
staat er wel. Dus ze hebben al veel werk geklaard.

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Op vrijdag 05 oktober 2001 14:16 schreef kevinpeters het volgende:
ik weet al niet eens wat je met dat saven doet, <i>kan</i> iemand mij dat uitleggen?
thnx
Ik heb het hier en daar wat gewijzigd. Een stukje javascript zuigt de inhoud op uit de iFrame en stopt het in een hidden input tag.
function Bewaar()
{
document.theform.content.value = inhoud.document.body.innerHTML;
document.forms['theform'].submit();
}
<form action="test_new.php" method="post" name="theform">
<input type='hidden' name='content' value=''>
<input type='submit' name='submit' valuw='send' onClick="Bewaar()">
</form>

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


  • corani
  • Registratie: December 2000
  • Laatst online: 05-10-2017

corani

__,,,_(^_^)_,,,__

Ik heb de save functie zo: Dus ook met hidden form, maar ik kom er nog niet uit hoe ik de plaatjes ook kan uploaden naar de server.
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?
function Save()
  {
    .
    .
    .
    document.formulier.tekst.value = idContent.document.body.innerHTML;
    document.formulier.submit();
  }

.
.
.
<form action=<? echo "$PHP_SELF"; ?> method=post name=formulier>
  <td><STRONG><FONT size=3>Titel:</FONT></STRONG></td>
  <td align=right><input type=text name=titel size=70 maxlength=100></td>
  <input type=hidden name=tekst>
</form>
.
.
.
?>

Laat me nou toch eens met rust man!
Iedereen die in telekinese gelooft, steek a.u.b. mijn hand op


  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

heel simpel.. Je gebruikt die javascript lus om nieuwe input hidden tags te maken en die lees je erna weer uit met je php script bv.

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


  • corani
  • Registratie: December 2000
  • Laatst online: 05-10-2017

corani

__,,,_(^_^)_,,,__

Op vrijdag 05 oktober 2001 15:12 schreef besmart het volgende:
heel simpel.. Je gebruikt die javascript lus om nieuwe input hidden tags te maken en die lees je erna weer uit met je php script bv.
Code please ;)

Laat me nou toch eens met rust man!
Iedereen die in telekinese gelooft, steek a.u.b. mijn hand op


  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Hahaha... Moment. Zal het even gaan uitzoeken dan >:)

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


Verwijderd

Topicstarter
quote:
--------------------------------------------------------------------------------
<form action="test_new.php" method="post" name="theform">
<input type='hidden' name='content' value=''>
<input type='submit' name='submit' valuw='send' onClick="Bewaar()">
</form>
--------------------------------------------------------------------------------


moet valuw hier niet value zijn?
enneh....hoe kan ik dit verder weer gebruiken?

  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Beetje eigen creativiteit zou ik zeggen. We geven hints en daarmee op voortborduren.

Dat met plaatje is verrek lastig |:(

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


Verwijderd

Topicstarter
tja...daar heb je wel gelijk in hoor :)
ik ben maar een beginner ;(

Verwijderd

prutser >:)

we komen er wel uit nu denk ik,
en als het klaar is dan komt de code wel weer beschikbaar :9

ennuh, uploaden heb ik nog wel wat voor, post ik vanavond wel ff...

  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Superz. Ik heb nog niks wackies gezien namelijk. Als het plaatje van een url afkomstig is lukt het wel. Maar als hij lokaal op de hd van diegene staat wordt het een ander verhaal. Ben benieuwd hoe jullie dat geklaard hebben.

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


Verwijderd

ik gebruik deze manier al een tijdje..
en heb wat extra functies bij gemaakt en wat mooier en beter gemaakt.
Alleen werkt het voor geen meter met NetScape :(

Verwijderd

is dat zo :?

das klote, heb je dat ergens online staan, dan kan ik ff kijken wat je precies veranderd hebt aan de mogelijkheden, en kunnen we misschien code uitwisselen.

  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Kunnen jullie die code soms nog delen met ons? Ik vat het uploaden namelijk nog steeds niet met deze manier van content beheren.

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


Verwijderd

Bekijk deze wysiwyg editor es ff:

http://www.q42.nl/ en dan Lime....
(Hij is mij een beetje teveel van het goeie, maar wel ontiegelijk gaaf)

  • besmart
  • Registratie: April 2000
  • Laatst online: 05-10-2015

besmart

fanta share the fun

Die is super gaaf :9~ ja... Zonde dat ze commerciële gedachtes hebben. Dit soort geintjes moeten juist opensource zijn.

BeSmart! Everything goes well | photographs by Canon EOS 5D - Canon L 24-70 USM - Canon 70-300 USM IS


Verwijderd

Ik wilde ook eerst open source maken.
Maar toen ik er achter kwam dat het zo veel werk was op iets gaafs te maken heb ik dat toch niet gedaan.
Er zit bij ons ook een functie in om een pagina online - offline - beveiligt te plaatsen
en meerdere users en user groepen enz enz
een groot deel is nog niet echt lekker dus ik moet nog ff door werken :)

Verwijderd

Zou iemand me toch de volledige werkende code kunnen geven, met savefunctie, etc en me uit kunnen leggen wat ik verder moet doen op de server (database toevoegen, etc.). Mijn kennis is op dit gebied toch niet zo uitgebreid dat ik het zelf aan de praat krijg. En ik moet dit snel voo mekaar hebben.

Thanx alvast

Verwijderd

LOL :+

  • martijnn
  • Registratie: Oktober 2000
  • Laatst online: 09-09 18:07
Mij lukt het niet om het textvak wat deze (http://www.aspalliance.com/Yusuf/Article10.asp) web editor gebruikt, vooraf te vullen. Wie kan me helpen welke variabele ik moet vullen ?

  • Janoz
  • Registratie: Oktober 2000
  • Laatst online: 09-09 20:58

Janoz

Moderator Devschuur®

!litemod

Waarom moet je daarvoor dit topic omhoog kicken?.. daarnaast staat er op de site gewoon dit
More functionality on :
- How to insert local image to the document.
- How to save the edited document to the database.
- How to display the document.
is available at my source code collection : [url]http://www.YusASP.com[url]

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

Pagina: 1

Dit topic is gesloten.