Editor wywisig mootols efectorelativo.net

[Ruben_JD]

Gracias masterpuppet, en la linea 12 de tu codigo es imgs.getElements ó imgs.getChildren(), porque he realizado los cambios, pero se divide en dos partes, una con el editor sin el texto de prueba y otra si en editor con texto de prueba como un simple textarea mas el cargador de imagenes. sin funcionamiento.

Código HTML:

<div id="sample3">
    <div>
        <form action="procesar_mi_pagina.php" method="post" id="formTxt">
        <textarea name="contenido" rows="5" cols="30"><p>texto de prueba</p></textarea>
        <div><input type="submit" value="Guardar" /></div>
        </form>
    </div>
 
    <div id="imgs">
<!-- Carga la imagen aqui -->
    </div>
 
    <form action="foto_upload.php" method="post" enctype="multipart/form-data" id="formFile">
        <div><input type="file" name="file" id="fileInput"/> <input type="submit" value="Cargar foto" /></div>
    </form>
</div>
 

Código Javascript:

var formTxt = $('sample3').getElement('#formTxt');
var W3 = new wysiwyg({
    textarea: formTxt,
    src:'_wysiwyg.html'
});
formTxt.addEvent('submit', function(e){
  W3.toTextarea();
});
 
 
var imgs = $('imgs');
imgs.getElements('img').each(function(el){el.addEvent('click',W3.exec.bind(W3,['img',el.src]));});
 
var form = $('sample3').getElement('#formFile').addEvent('submit',function(){
    if(!form.getElement('input').value.test(/\.jpg$/i)){
        alert('Debe seleccionar archivo tipo JPG.');
        return false;
    }
    UIF.send(form,'uploader',onUploadImage);
});
 
var onUploadImage = function(response){
    var image = 'img/'+response;
    new Element('input',{'type':'file','name':'file'}).replaces(form.getElement('input'));
 
    new Element('img',{'src':image}).addEvent('click',W3.exec.bind(W3,['img',image])).injectTop(imgs);
    imgs.scrollTo(0,0);
 
    W3.exec('img',image);
};
 

que podria estar haciendo mal.
Lo que deseo es que el formTxt en este caso tenga las funciones del editor de texto, y que el formFile solo carge la imagen dentro de la pagina principal donde se encuentran los dos forms, asi el primer form tiene el texto de mi base de datos y el segundo subir una imagen, obteniendo en el primer form el texto y la imagen a guardar en la base de datos.