Español
PHP, HTML & JavaScript- Foro

Hecho: Texteditor en JS

 

Thomas
Zielinski
¡Hola Personas,
Yo versuch gerade una CMS a remendar. Bis en una kleinigkeit se ejecuta auch alles. Das einzigste qué me Sorgen bereitet, es el Editor para neue Beiträge. Ähnlich el Editor aquí en el Comunidad se uno cierto Tags por Button direkt einfügen puede. Das Problema liegt nun en el Bildern.
Es unbekannt como viele Bilder verwendet voluntad. Daher muss el eingabe el Bilder el Hochgeladen voluntad debería Dynamisch ser. Das se de el Función newImage() gelöst. Zumindist fügt esta neu Inputfelder type="file" una. Eigentlich Yo quería el Pfade para späteren Subir por Post a el entsprechende Página senden, allerdiengs ir esta el Pfade perdido. Also dacht Yo, vorher el Daten en una Hiddenelement umzuspeichern (Solange uno la página no verlässt restos el Pfad en el Value des Entrada type="file"). Yo podría vorher el Daten a una JS-Función senden en el Hiddenelement speichern unnd entonces más a la página para auswerten senden. Dazu bin Yo aber a doof --> HILFE! Como va el?
Durch una Clic en el Button rechts neben el Entrada type="file" se entonces el Tag en el Textarea eingefügt voluntad ([IMG SRC="entsprechender Pfad"]). Doch se dieser Button dynamisch en Función newImage() eingefügt y todos Versuche hay una onClick einzufügen como Yo en porque statischen Buttons gemacht habe. Aunque war lo No posible, dieses onClick con einzubauen. Also auch hier: Como va el?

Dank schonmal en el Vorraus.

Folgender Script(JS):
(komplet Sichtbar bajo  [...]  )
<?php Echo blub:.$_POST[bildpfad1]; ?>
<script type="text/javascript">
<!--
var bildzahl = 0;

function addText(area,typ) {

    if (typ == b1) {

        area.value += "[B]";
        the_button = document.getElementById(fett1);
        the_button.style.display = none;
        the_button = document.getElementById(fett2);
        the_button.style.display = ;

    }

    más if (typ == b2) {

        area.value += "[/B]";
        the_button = document.getElementById(fett2);
        the_button.style.display = none;
        the_button = document.getElementById(fett1);
        the_button.style.display = ;

    }

    //... y así más todos Buttons por

}

function newImage() {

    bildzahl++;
    var Ausgabebereich = document.getElementById("Bilder");
    var myINPUT = document.createElement("input");
    myINPUT.type = file;
    myINPUT.size = 45;
    myINPUT.name = IMGINPUT+bildzahl;
    Ausgabebereich.appendChild(myINPUT);
    var myHIDDEN = document.createElement("input");//<-- hiddenelement en el antes el Senden el Pfad gespeichert voluntad se en ihn no a verlieren.
    myHIDDEN.type = hidden;
    myHIDDEN.name = bildpfad+bildzahl;
    myHIDDEN.value= ;
    Ausgabebereich.appendChild(myHIDDEN);
    var myBUTTON = document.createElement("input");//<-- onClick-Ereigniss einsetzen ähnlich addText() con IMG
    myBUTTON.type = button;
    myBUTTON.value = Bild einfügen;
    Ausgabebereich.appendChild(myBUTTON);
    var myBR = document.createElement("br");
    Ausgabebereich.appendChild(myBR);

}

//-->
</script>
<form action="<?php Echo $_SERVER[PHP_SELF]; ?>" method="POST">
<textarea name="blubtext" rows="20" lang="de" cols="53"></textarea><br>
<input type="button" value="Fett" onClick="addText(this.form.blubtext,b1)" id="fett1">
<input style="display:none" type="button" value="/Fett" onClick="addText(this.form.blubtext,b2) " id="fett2">
<input type="button" value="Kursiv" onClick="addText(this.form.blubtext,k1)" id="kursiv1">
<input style="display:none" type="button" value="/Kursiv" onClick="addText(this.form.blubtext,k2) " id="kursiv2">
<input type="button" value="U" onClick="addText(this.form.blubtext,u1)" id="unter1">
<input style="display:none" type="button" value="/U" onClick="addText(this.form.blubtext,u2) " id="unter2">
<input type="button" value="&Uuml;berschrift" onClick="addText(this.form.blubtext,h1)" id="h1">
<input style="display:none" type="button" value="&Uuml;berschrift" onClick="addText(this.form.blubtext,h2)" id="h2">
<input type="button" value="Table" onClick="addText(this.form.blubtext,t1)" id="t1">
<input style="display:none" type="button" value="/Table" onClick="addText(this.form.blubtext,t2)" id="t2">
<input type="button" value="Tr" onClick="addText(this.form.blubtext,tr1)" id="tr1">
<input style="display:none" type="button" value="/Tr" onClick="addText(this.form.blubtext,tr2)" id="tr2">
<input type="button" value="Td" onClick="addText(this.form.blubtext,td1)" id="td1">
<input style="display:none" type="button" value="/Td" onClick="addText(this.form.blubtext,td2)" id="td2">
<input type="Submit" value="Save" id="saveacomment">
<div id="Bilder"><input value="Neues Bild laden" type="button" onClick="newImage();"><br></div>
<script type="text/javascript">newImage();</script>
</form>

Saludo Thomas
 
XProfan X4; Win10 x64
Der Kuchen ist eine lüge!
25.06.2009  
 



Zum Texto+Bild hay a Tiempo 2 gängige Möglichkeiten, una Applet (Java) oder una editierbarer Body (Contenteditable).

Ein einfaches Ejemplo para Variante 2 zeigt vBulletin z.B. en Paule  [...]  . (eingeloggt ser) (Clic el Smilies.)

Es el "gängige" Principio qué auch ligeramente adaptierbar es.

El ganzen otro Problemas lösen se con uno Session o. con un Cookie, ansonsten sólo por Variablenweitergabe de Formular a Formular.

Usted puede Su Hochladeformular auch en una hidden Iframe lenken por Target, el dahinterliegende PHP kann JavaScript zurücksenden a Top como <script>top.myInsertToMyEdit("someText")</script> a "Antwort" en Su Editar a senden.
 
25.06.2009  
 




Thomas
Zielinski
Yo el gefühl du verstehst mich falso.
Beim ersten Punkt werd Yo el con porque Keksen hacer oder Session. Tiempo sehn worauf Yo lust bekomme.
Was el Zweiten unkt angeht reden wir einander vorbei. Yo voluntad no el Bild direkt einfügen. Ist me schnuppe. Ist schließlich sí sólo para schreiber. Sondern una Tag en el Textarea ala [IMG SRC="entspechender Pfad"]. Für normal sería Yo hier el Button así gestalten <input type="button" onClick="der funktionsaufruf">. Nur bekomme Yo hier:

kein onClickereigniss con herrein qué entonces auslösen sería. Das se sí dynamisch ser. Beim Subir de Anhängen aquí en el Comunidad funktioniert el número el Felder para eintragen doch auch Dynamisch, IF.
Saludo Thomas
 
XProfan X4; Win10 x64
Der Kuchen ist eine lüge!
25.06.2009  
 



Dazu war el Tip pensamiento:

Usted puede Su Hochladeformular auch en una hidden Iframe lenken por Target, el dahinterliegende PHP kann JavaScript zurücksenden a Top como <script>top.myInsertToMyEdit("someText")</script> a "Antwort" en Su Editar a senden.
 
25.06.2009  
 



Ah, me es eingefallen wo Yo el así tu - en el aktuellen smallBum  [...]  !

Sogar gleichzeitig a a 5 Downloads.

(esta Variante lässt se auch grob erweitern)
;if ($_FILES[postfilein][size]>$_smallbum_conf[MaxUploadSize])
el("< script style=text/javascript>;top.gal_ui_upfreset(".$uploadTargetForm.")< /script>")
 
25.06.2009  
 




Thomas
Zielinski
Ah okay. Sombrero Yo übersehn. Yo versuchs veces. Das klingt bien.
 
XProfan X4; Win10 x64
Der Kuchen ist eine lüge!
25.06.2009  
 



Posesiones Yo sólo danach angefügt, "Nachtrag:" ha gefehlt, hast Usted also wahrscheinlich garnicht veces übersehen.

Mist, tener ya otra vez ne Concepto.
 
25.06.2009  
 




Thomas
Zielinski
Rück ruhig siempre fuera así. Yo zwar sólo rudimentärste Grundkentinisse de JS aber una Plan B kann nie schaden.
Saludo Thomas
 
XProfan X4; Win10 x64
Der Kuchen ist eine lüge!
25.06.2009  
 



Sorry, no para Thema.

Das Stabilste es wirklich si el < form target="myIframe" ... > como Antwort una < script type="text/javascript" >;top.eineFunc("[insertText]")< /script > zurückgeben lässt. Im main sólo una function eineFunc(s){ el s entonces en el Editar einfügt. Dadurch el Usted el Form auch una onSubmit verpassen kannst, kannst Usted incluso dynamisch el form.target ändern.

So gesehen es JS como XProfan una Schlaraffenland. ^ ^ (y PHP natürlich auch)
 
25.06.2009  
 



Respuesta


Título del Tema, max. 100 Signo.
 

Systemprofile:

Kein Systemprofil creado. [anlegen]

XProfan:

 Contribución  Font  Smilies  ▼ 

Bitte registro en una Contribución a verfassen.
 

Tema opciones

13.203 Views

Untitledvor 0 min.
Walter24.07.2023
iF28.09.2020
Nkh201821.07.2018
Michael Borowiak30.11.2014
Más...

Themeninformationen

Dieses Thema ha 2 subscriber:

iF (5x)
Thomas Zielinski (4x)


Admins  |  AGB  |  Applications  |  Autores  |  Chat  |  Política de Privacidad  |  Descargar  |  Entrance  |  Ayuda  |  Merchantportal  |  Pie de imprenta  |  Mart  |  Interfaces  |  SDK  |  Services  |  Juegos  |  Búsqueda  |  Support

Ein Projekt aller XProfan, el lo son!


Mi XProfan
Privado Noticias
Eigenes Ablageforum
Temas-Merkliste
Eigene Beiträge
Eigene Temas
Zwischenablage
Cancelar
 Deutsch English Français Español Italia
Traducciones

Política de Privacidad


Wir uso Cookies sólo como Session-Cookies wegen el technischen Notwendigkeit y en uns hay no Cookies de Drittanbietern.

Wenn du hier en unsere Webseite klickst oder navigierst, stimmst du unserer Erfassung de Informationen en unseren Cookies en XProfan.Net a.

Weitere Informationen a unseren Cookies y dazu, como du el Kontrolle darüber behältst, findest du en unserer nachfolgenden Datenschutzerklärung.


einverstandenDatenschutzerklärung
Yo möchte no Cookie