editor salva testo file.html

01-02-2012, 14.42.40

salve a tutti!!
ho creato questo piccolo editor per scrivere file di testo finziona tutto, pero vorrei cercare di creare una modifica che consente con il tasto (save) quando premuto se nella cartella esiste gia un file con lo stesso nome, dovrebbe comparire una tobox che chiede conferma per sovrascrivere il file gia contenuto nella cartella di salvataggio, io non ci riesco spero che qualche utente piu esperto di me con il php melo modifichi per creare questa funzione: posto lo script e il link anche perche cosi potra essere di utile a qualche altro utente che cerca di fare una cosa simile

url: http://editor.webskey.net/
pagina.php:

Codice PHP:


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

      <title>API Usage &mdash; CKEditor Sample</title>

    <meta content="text/html; charset=utf-8" http-equiv="content-type" />

    <script type="text/javascript" src="../../ckeditor/ckeditor.js"></script>

    <script src="sample.js" type="text/javascript"></script>

    <link href="sample.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">

    //<![CDATA[

CKEDITOR.on( 'instanceReady', function( ev )

{

    document.getElementById( 'eMessage' ).innerHTML = '<p>Instance <code>' + ev.editor.name + '<\/code> loaded.<\/p>';

     document.getElementById( 'eButtons' ).style.display = 'block';

});

function InsertHTML()

{

    var oEditor = CKEDITOR.instances.editor1;

    var value = document.getElementById( 'htmlArea' ).value;

    if ( oEditor.mode == 'wysiwyg' )

    {

        oEditor.insertHtml( value );

    }

    else

        alert( 'You must be in WYSIWYG mode!' );

}

function InsertText()

{

    var oEditor = CKEDITOR.instances.editor1;

    var value = document.getElementById( 'txtArea' ).value;

    if ( oEditor.mode == 'wysiwyg' )

    {

        oEditor.insertText( value );

    }

    else

        alert( 'You must be in WYSIWYG mode!' );

}

function SetContents()

{

    var oEditor = CKEDITOR.instances.editor1;

    var value = document.getElementById( 'htmlArea' ).value;

    oEditor.setData( value );

}

function GetContents()

{

    var oEditor = CKEDITOR.instances.editor1;

    alert( oEditor.getData() );

}

function ExecuteCommand( commandName )

{

    var oEditor = CKEDITOR.instances.editor1;

    if ( oEditor.mode == 'wysiwyg' )

    {

        oEditor.execCommand( commandName );

    }

    else

        alert( 'You must be in WYSIWYG mode!' );

}

function CheckDirty()

{

    var oEditor = CKEDITOR.instances.editor1;

    alert( oEditor.checkDirty() );

}

function ResetDirty()

{    

    var oEditor = CKEDITOR.instances.editor1;

    oEditor.resetDirty();

    alert( 'The "IsDirty" status has been reset' );

}

    //]]>

    </script>

</head>

<body>

        </noscript>

    </div>

<?php



$percorso = '../documents/';

if(isset($_POST['editor1'],$_POST['save'],$_POST['nomefile'])){

if (file_exists($percorso.$_POST['nomefile'].'.html')){

?>

<script>

if (confirm('File esistente! Vuoi sovrascriverlo?')){

var save="<?php file_put_contents($percorso.$_POST['nomefile'].'.html',$_POST['editor1']); ?>";

}

else { 

alert ("Richiesta Annullata!");

window.location = "index.php";

}

</script>

<?

}

else file_put_contents($percorso.$_POST['nomefile'].'.html',$_POST['editor1']);

}

?>

   <form method='post' action='index.php'>

NOME FILE: <input type=text name='nomefile' value="<?php if(isset($_POST['nomefile'])) echo $_POST['nomefile']; ?>"><input type="submit" name="load" value="load" ><input type="submit" name="save" value="Save" > 

<textarea cols="100" id="editor1" name="editor1" rows="10"><?php if(file_exists($percorso.$_POST['nomefile'].'.html')) echo htmlentities(file_get_contents($percorso.$_POST['nomefile'].'.html'), ENT_QUOTES, 'UTF-8'); ?></textarea>

        </form>   

        <script type="text/javascript">

        //<![CDATA[

            // Replace the <textarea id="editor1"> with an CKEditor instance.

            var editor = CKEDITOR.replace( 'editor1' );

        //]]>

        </script>

        <div id="eMessage">

        </div>

        <div id="eButtons" style="display: none">

                        <input onclick="InsertHTML();" type="button" value="INVIA SCRIPT HTML" />

            <br />

            <textarea cols="100" id="htmlArea" rows="3">&lt;h2&gt;Test&lt;/h2&gt;&lt;p&gt;This is some &lt;a href="/Test1.html"&gt;sample&lt;/a&gt; HTML code.&lt;/p&gt;</textarea>

                </div>

    </form>

</body>

</html>

**EuroSalute** · 01-02-2012, 21.29.39

guarda se così funziona...

modifica....: (<form method='post' action='index.php'>)

Codice PHP:


<?php

$percorso = '../documents/';
if(isset($_POST['editor1'],$_POST['save'],$_POST['nomefile'])){
if (file_exists($percorso.$_POST['nomefile'].'.html')){
?>
<script>
if (confirm('File esistente! Vuoi sovrascriverlo?')){
var save="<?php file_put_contents($percorso.$_POST['nomefile'].'.html',$_POST['editor1']); ?>";
}
else { 
alert ("Richiesta Annullata!");
window.location = "index.php";
}
</script>
<?
}
else file_put_contents($percorso.$_POST['nomefile'].'.html',$_POST['editor1']);
}
?>
   <form method='post' action='index.php'>
NOME FILE: <inpu.............ecc.

02-02-2012, 00.28.21

wowww funziona quasi, solo che quando premo annulla salva comunque il file anche se mi conferma che la Richiesta Anullata, ci sarebbe la possibilità di far in modo che solo se si conferma il salvataggio del file salvi il file ma se si preme annulla, non venga salvato il file?

**EuroSalute** · 06-02-2012, 16.48.09

scusa il ritardo nel rispondere, ma sono stato male per parecchi giorni, febbre da cavallo...

ho trovato un'altra soluzione, che puoi testare a questa pagina :
http://eurosalute.altervista.org/test-prove/editor.php

ho dovuto modificare un poco il codice, aggiungendo un adbox javascript(scarchi il codice js da qui :
http://eurosalute.altervista.org/test-prove/js/AdBox.js

(alternativa agli alert())

Codice PHP:


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

      <title>API Usage &mdash; CKEditor Sample</title>

    <meta content="text/html; charset=utf-8" http-equiv="content-type" />

        <script type="text/javascript" src="js/AdBox.js"></script>

    <script type="text/javascript" src="http://webskey.altervista.org/editor/ckeditor/ckeditor.js"></script>

    <script src="http://webskey.altervista.org/editor/sample.js" type="text/javascript"></script>

    <link href="http://webskey.altervista.org/editor/sample.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">

    //<![CDATA[

CKEDITOR.on( 'instanceReady', function( ev )

{

    document.getElementById( 'eMessage' ).innerHTML = '<p>Instance <code>' + ev.editor.name + '<\/code> loaded.<\/p>';

     document.getElementById( 'eButtons' ).style.display = 'block';

});

function InsertHTML()

{

    var oEditor = CKEDITOR.instances.editor1;

    var value = document.getElementById( 'htmlArea' ).value;

    if ( oEditor.mode == 'wysiwyg' )

    {

        oEditor.insertHtml( value );

    }

    else

        alert( 'You must be in WYSIWYG mode!' );

}

function InsertText()

{

    var oEditor = CKEDITOR.instances.editor1;

    var value = document.getElementById( 'txtArea' ).value;

    if ( oEditor.mode == 'wysiwyg' )

    {

        oEditor.insertText( value );

    }

    else

        alert( 'You must be in WYSIWYG mode!' );

}

function SetContents()

{

    var oEditor = CKEDITOR.instances.editor1;

    var value = document.getElementById( 'htmlArea' ).value;

    oEditor.setData( value );

}

function GetContents()

{

    var oEditor = CKEDITOR.instances.editor1;

    alert( oEditor.getData() );

}

function ExecuteCommand( commandName )

{

    var oEditor = CKEDITOR.instances.editor1;

    if ( oEditor.mode == 'wysiwyg' )

    {

        oEditor.execCommand( commandName );

    }

    else

        alert( 'You must be in WYSIWYG mode!' );

}

function CheckDirty()

{

    var oEditor = CKEDITOR.instances.editor1;

    alert( oEditor.checkDirty() );

}

function ResetDirty()

{    

    var oEditor = CKEDITOR.instances.editor1;

    oEditor.resetDirty();

    alert( 'The "IsDirty" status has been reset' );

}

    //]]>

    </script>

</head>

<body>

        

<form method='post' action='editor.php'>

        

<?php

$percorso = 'documents/';



if(isset($_POST['ok']) and $_POST['file_esiste']==true) {

$byte_scritti=file_put_contents($percorso.$_POST['nomefile'].'.html',$_POST['editor1']);

//echo "<script>alert('File Sovrascritto!');</script>";

if ($byte_scritti){

echo '<div id="sponsorAdDiv" align="center" style="z-index:10001;visibility:hidden;position:absolute;width:500px;background-color:#ccffcc;border:#c0c0c0;border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px">

<br><br>

<font size="4">File Sovrascritto ! '.$byte_scritti.' Byte Scritti</font>

<br><br>

<input type="button" value="Close" onclick="closeAd();">

<br><br>

</div>';

}

}

else if(isset($_POST['annulla']) and $_POST['file_esiste']==true) {

//echo "<script>alert('Richiesta Annullata!');</script>";

echo '<div id="sponsorAdDiv" align="center" style="z-index:10001;visibility:hidden;position:absolute;width:500px;background-color:#ccffcc;border:#c0c0c0;border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px">

<br><br>

<font size="4">Richiesta Annullata !</font>

<br><br>

<input type="button" value="Close" onclick="closeAd();">

<br><br>

</div>';

}

else if(isset($_POST['back']) and $_POST['file_esiste']==true) echo "<script>history.go(-2);</script>";

else {



$file_esiste=false;

if(!empty($_POST['editor1'])) $editor1=$_POST['editor1'];



if(!empty($_POST['editor1']) and isset($_POST['save']) and !empty($_POST['nomefile'])){

if (file_exists($percorso.$_POST['nomefile'].'.html')){

$file_esiste=true;



?>



<div id="sponsorAdDiv" align="center" style="z-index:10001;visibility:hidden;position:absolute;width:500px;background-color:#ccffcc;border:#c0c0c0;border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px">

<?

//per verifica:

//echo $percorso.$_POST['nomefile'].$_POST['editor1']."<br>";

?>

<br><br>

<font size="4">File Esistente, Vuoi Sovrascriverlo ?</font>

<br><br>

<input type="hidden" name="file_esiste" value="<?=$file_esiste?>" >



<input type="submit" name="ok" value="Ok" >

<input type="submit" name="annulla" value="Annulla" >

<input type="submit" name="back" value="Back" >

<br><br>

</div>



<?

}else {

$byte_scritti=file_put_contents($percorso.$_POST['nomefile'].'.html',$_POST['editor1']);

//echo "<script>alert('File Salvato!');</script>";

if ($byte_scritti) {

echo '<div id="sponsorAdDiv" align="center" style="z-index:10001;visibility:hidden;position:absolute;width:500px;background-color:#ccffcc;border:#c0c0c0;border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px">

<br><br>

<font size="4">File Salvato ! '.$byte_scritti.' Byte Scritti</font>

<br><br>

<input type="button" value="Close" onclick="closeAd();">

<br><br>

</div>';

}

}

}



}



?> 

  

NOME FILE: <input type=text name='nomefile' value="<?php if(!empty($_POST['nomefile'])) echo $_POST['nomefile']; ?>">

<input type="submit" name="load" value="load" >

<input type="submit" name="save" value="Save" >



<textarea cols="100" id="editor1" name="editor1" rows="10">



<?php 

if (!$file_esiste) {

if(file_exists($percorso.$_POST['nomefile'].'.html')) echo htmlentities(file_get_contents($percorso.$_POST['nomefile'].'.html'), ENT_QUOTES, 'UTF-8'); 

}else {

echo $editor1;

}

?>



</textarea>







        </form>   

        <script type="text/javascript">

        //<![CDATA[

            // Replace the <textarea id="editor1"> with an CKEditor instance.

            var editor = CKEDITOR.replace( 'editor1' );

        //]]>

        </script>

        <div id="eMessage">

        </div>

        <div id="eButtons" style="display: none">

                        <input onclick="InsertHTML();" type="button" value="INVIA SCRIPT HTML" />

            <br />

            <textarea cols="100" id="htmlArea" rows="3">&lt;h2&gt;Test&lt;/h2&gt;&lt;p&gt;This is some &lt;a href="/Test1.html"&gt;sample&lt;/a&gt; HTML code.&lt;/p&gt;</textarea>

                </div>

    </form>

        

<?



?>        

        

</body>

</html>

08-02-2012, 13.11.30

grazie 1000 bellisimo lo script modificato:P , si infatti anche io ho avuto la febre da cavallo pultroppo il freddo in questi giorni prende un po tutti, ormai e giunta lora di importare i pinguini in italia :-) scusa un altra cosa, ma come hai fatto a richiamare i javascript di ckeditor dal mio hosting sul tuo lo volevo fare pure io ma non mi funziona, cioe se metto i file sul server di altervista, li posso richiamare dal mio hosting di aruba.it?

**EuroSalute** · 08-02-2012, 13.46.47

figurati...sono ancora a casa in questi giorni.....sempre malato.....cura antibiotica massacrante e non riesco a guarire.....

dovresti provare a sbloccare la cossessione server to server dal pannello di controllo, se non l'hai già fatto.....

08-02-2012, 14.15.58

si lo gia fatto ma nulla non riesco ad allaciare, hosting aruba e richiamare i file java script dal hosting altervista, evidentemente forse vunziona solo da altervista ad altervista, verso altri hosting no!!

**EuroSalute** · 08-02-2012, 14.38.52

strano....perchè quando avevo un dominio esterno, richiamavo file .css hostati su quel dominio .....

non è che è aruba che non lo permette.....

ma....

08-02-2012, 14.54.53

forse si :-P e un problema di aruba, che gia a tanti di problemi spesso si bloccano gli hosting per manutenzione, chi prende un dominio aruba viene arubato di continuo.,:P Finito con le battute :P , cmq lo script funziona alla grande, ce solo un problema io del mio script quando lo inserisco dentro un programma per editare funziona solo che il messagbox di salva e annula comcare infondo alla pagina e non ce posibilita di farlo risalire per premere i pulsanti, non che per caso ci sarebbe una possibilità di farlo comparire obligando lo script al centro della pagina ?

**EuroSalute** · 08-02-2012, 15.07.40

se la pagina dell'editor è http://editor.webskey.net/

e provo a caricare un file, pagina non esiste questa : http://webskey.altervista.org/editor/editor.php

non era index.php ?

comunque per il javascript AdBox.js è configurabile sia top e left screen page

variare il valore numerico:

Codice HTML:

adDiv.left=documentWidth-280+calunit;

adDiv.top=documentHeight-150+calunit;//left=390,580 top=270

08-02-2012, 16.03.02

si funziona te trovi sempre il problema sei un mago :P, era il javascript adbox.js che mi faceva visualizare il box in basso alla pagina

**EuroSalute** · 08-02-2012, 16.38.39

quel js non è fatto molto bene....

per centrare il div alla pagina non tiene conto delle dimensioni del div....se cambi le dimensioni del div devi anche variare l'offset .....

se non ti va così sul sito http://www.dynamicdrive.com trovi tantissimi altri js popup box ....

se no bisogna modificare il js.....

per l'action del form deve puntare alla tua index.php, oppure:

Codice PHP:


$percorso = '../documents/';



<form method='post' action='<?=$_SERVER["PHP_SELF"]?>'>

08-02-2012, 20.06.57

GRAZIE MA!! cmq cosi funziona alla grande, cambinado il js
da : adDiv.top=documentHeight-150+calunit; A :adDiv.top=documentHeight-210+calunit;
compare al centro della pagina e non si sposta da li, proprio come volevo io :-PP sei un grande, ciao :-)

**EuroSalute** · 08-02-2012, 20.41.33

figurati.....

ciao

09-02-2012, 18.20.47

Ciao! Sono molto interessato a questo script.
Posseggo un hosting su Aruba.
Potreste spiegare step by step i file e le funzioni da implementare? grazie =)

21-01-2013, 19.52.09

ciao scusa se ti rispondo in ritardo cmq se vuoi posso mandarti tutti i file gia pronti in allegato pvt tanto io non li uso piu mi sono dedicato a un altra applicazione web :-) devi solo indicarmi una sua email in pvt per inviarle i file per il funzionamento del editor

Discussione: editor salva testo file.html

LinkBack

Strumenti discussione

Display

editor salva testo file.html

Tags for this Thread

Regole di scrittura