Toon posts:

[Javascript] Online HTML editor

Pagina: 1

Acties:

76 views sinds 30-01-2008
Reageer

zaterdag 2 maart 2002 12:38

Acties:

Martijn02

/* No Comment */

Topicstarter

Ik probeer voor een nieuws-systeempje een WYSIWYG HTML editor te gebruiken op de edit-pagina, maar het lukt me niet om de inhoud daarvan te zetten of te submitten.

Op de pagina waar ik het form wil hebben gebruik ik de volgende code:

code:

1 2	<object data="main.htm" align="baseline" border="0" width="500" height="500" type="text/x-scriptlet"></object>

en in de main.htm staat onder andere de volgende code in de header:

code:

<SCRIPT>
<!--
var bLoad=false
var pureText=true
var bodyTag="<BODY MONOSPACE STYLE=\"font:10pt arial,sans-serif\" BGcolor=\"#A2A8C3\">"
var bTextMode=false

public_description=new Editor

function Editor() {
  this.put_html=SetHtml;
  this.get_html=GetHtml;
  this.put_text=SetText;
  this.get_text=GetText;
  this.CompFocus=GetCompFocus;
}

function GetCompFocus() {
  mytext.focus();
}

function GetText() {
  return mytext.document.body.innerText;
}

function SetText(text) {
  text = text.replace(/\n/g, "<br>")
  mytext.document.body.innerHTML=text;
}

function GetHtml() {
  if (bTextMode)
    return mytext.document.body.innerText;
  else {
    cleanHtml();
    cleanHtml();
    return mytext.document.body.innerHTML;
  }
}

function SetHtml(sVal) {
  if (bTextMode) mytext.document.body.innerText=sVal;
  else mytext.document.body.innerHTML=sVal;
}

// -->
</script>

Nu is volgens mij de manier om bij het submitten van het form op de index.htm de HTML content van de editor te kopieren naar een hidden textarea. En dat zou moeten kunnen met de functie GetHtml(). Het plaatsen van code zal dan wel op omgekeerde volgorde moeten gebeuren met SetHtml()

Nu is mijn probleem... Hoe bereik ik met javascript die functies? Kan iemand me hier alsjebliieeft mee helpen ?

zaterdag 2 maart 2002 13:02

Acties:

SchizoDuckie

Kwaak

* SchizoDuckie adviseert:

lees eerst een boek of wat tutorials over javascript... de syntax en hoe functies werken...

Stop uploading passwords to Github!

zaterdag 2 maart 2002 13:10

Acties:

crisp

Devver

Pixelated

Ik neem aan dat de inhoud van de textarea gewoon de innerHTML van mytext moet worden?
Misschien moet je ook even kijken naar de escape en unescape functies

Intentionally left blank

zaterdag 2 maart 2002 14:26

Acties:

Martijn02

/* No Comment */

Topicstarter

Ik snap wel wat van javascript... vroeger had ik een site met een tientallen kant en klare sniplets die mensen konden gebruiken.

Ik ben het nu alleen een beetje verleerd, Ik kan die functies in het object niet bereiken. Dat is eigenlijk mijn probleem...

zaterdag 2 maart 2002 15:49

Acties:

Martijn02

/* No Comment */

Topicstarter

Even een paar van mijn probeerseltjes, en de resultaten daarvan.

(ik heb het object de tag id="editorobject" meegegeven, leek me handig om hem te kunnen benaderen)

code:

// alert(document.editorobject); // [object]
// alert(document.editorobject.document); // [object]
// alert(document.editorobject.document.mytext); // undefined
// alert(document.editorobject.document.body); // [object]
// alert(document.editorobject.document.body.mytext); // undefined

Ik lukt me gewoon niet om bij de functies in het object te komen, of om bij die mytext te komen. Ik snap er niks meer van... ;'( Help!

zaterdag 2 maart 2002 16:24

Acties:

Martijn02

/* No Comment */

Topicstarter

Nog meer probeersels... nog steeds geen resultaat...

code:

// alert(document.editorobject.GetHTML()); // Foutmelding: Object doesnt support this property or method
// alert(public_description); // Foutmelding: public_description is undefined
//alert(document.editorobject.public_description); // alertbox: undefined
//alert(document.editorobject.public_description.GetHTML()); // Foutmeding: document.editorobject.public_description is NULL or not an object
// alert(document.editorobject.Editor); // undefined
alert(document.editorobject.Editor.GetHTML()); // foutmelding: document.editorobject.Editor is null or not an object

Is er dan niemand die dit wel eens eerder in de hand gehad heeft em toevallig de oplossing weet ?

zaterdag 2 maart 2002 16:36

Acties:

crisp

Devver

Pixelated

en wat geeft het volgende:

code:

1 2	alert(document.editorobject.document.innerHTML); alert(document.editorobject.document.body.innerHTML);

Intentionally left blank

zaterdag 2 maart 2002 18:06

Acties:

Martijn02

/* No Comment */

Topicstarter

Heb het nu even anders aangepakt... Ik het het hele scriptlet / object overboord gegooid en de inhoud ervan gewoon in het form gezet, nu kan ik normaal bij de mytext variablen en get en set functies...

Kan het nu even niet meer voor je testen, maar ik neem aan dat die dingen wel werken, maar de inhoud van de main.htm file weergeven. Iig niet die van het mytext iframe

Pagina: 1

Reageer