Batch Index du Forum
S’enregistrerRechercherFAQMembresGroupesConnexion
Répondre au sujet Page 1 sur 1
[HTML]Editeur HTML5
Auteur Message
Répondre en citant
Message [HTML]Editeur HTML5 
Vous avez connu le bloc-notes, notepadd++, EditPad Pro ou d'autres

et bien pour être original, voici HTML Edit !


Un éditeur HTML5, mais avec l'idée folle d'être codé en HTML5 aussi.



Code:


<!DOCTYPE html>

<!-- An simple text editor for HTML5 in HTML5 - by gautier019 -->

<html lang="fr-FR">

<head>
   <title>HTML Edit v1.0 - by gautier019</title>
   <style>
      #boutons{
         border:2px solid #01DFD7;
      }
      #balises{
          position:absolute;
             top:36px;
          right:310px;
          border:2px solid #01DFD7;
      }
      #editor{
         margin:0px;
         position:absolute;
         top:45px;
         border:2px solid grey;
      }
      #preview{
         margin:0px;
         position:absolute;
         top:455px;
         border:2px solid #00FF00;
      }
   </style>
   <script>
      function about() {
         alert("HTML Edit v1.0\n\nAn simple text editor for HTML5 in HTML5\n\nSite : http://019web.livehost.fr \nAuteur : gautier019\nLangue : Français\nVersion : 1.0\n\nBientôt la version HTA");
      }
      
      function preview() {
         var html = document.getElementById("editor").value;
         document.getElementById("preview").innerHTML=(html);
      }
      
      function voir_balises() {
         document.getElementById("balises").style.display="block";
      } function cacher_balises() {
         document.getElementById("balises").style.display="none";
      }
      
      function b_html() {
         var copy = prompt("Langue de la page :","fr-FR");
         prompt("Balise à copier :","<html lang=\"" + copy + "\">");
      }
   </script>
</head>

<body>
<div id="boutons"><input type="button" value="A propos" onClick="about()"><input type="button" value="Preview" onClick="preview()"><input type="button" value="Afficher l'aide des balises" onClick="voir_balises()"><input type="button" value="Cacher l'aide des balises" onClick="cacher_balises()"></div>
<div id="balises">
<input type="button" value="<html>" onClick="b_html()">
</div>
<div id="editeur"><textarea id="editor" rows="25" cols="100">Votre script ici</textarea></div>
<div id="preview"></div>
   <script>
      alert("Bienvenue sur HTML Edit v1.0");
      document.getElementById("preview").innerText="Ici l'éxécution du script";
   </script>
</body>

</html>

<!-- Squellettes pour rajouts de balises :

Bouton (dans le <div id="boutons">) :
<input type="bouton" value="<balise>" onClick="b_nombalise()">

JavaScript (dans <head><script>) :
function b_nombalise() {
   var copy = prompt("Cotenu de nombalise :","Entrez le contenu de la balise");
   prompt("Code à copier-coller dans la page :","<entréé balise" + copy + "fermeture balise>");
}

/!\ Il faut mettre la variable "copy" au bon endroit dans la balise /!\

-->


Bien sûr ceci n'est que la première version, ensuite d'autres plus complètes seront faites.


HTML Edit
Une idée ? Une suggestions ? Dites le en-dessous Okay




Skype
Message Publicité 
PublicitéSupprimer les publicités ?


Répondre en citant
Message [HTML]Editeur HTML5 
Screens off



Visiter le site web du posteur
Répondre en citant
Message [HTML]Editeur HTML5 
Normalement elles fonctionnent... ou sinon c'est encore des bugs de dropbox ~_~



Skype
Répondre en citant
Message Re: [HTML]Editeur HTML5 
gautier019 a écrit:
Une idée ? Une suggestions ? Dites le en-dessous Okay


Salut Laughing si vous voulez faire une chose pareil en HTA jette un coup d’œil ici [HTA] Editeur de BBCode & Envoi Mail




______________________________________________________
Mes Contributions en Téléchargement
Répondre en citant
Message Re: [HTML]Editeur HTML5 
Hackoo a écrit:
gautier019 a écrit:
Une idée ? Une suggestions ? Dites le en-dessous Okay


Salut Laughing si vous voulez faire une chose pareil en HTA jette un coup d’œil ici [HTA] Editeur de BBCode & Envoi Mail


Shocked C'est incroyable ce que tu arrive à faire en HTA, accepterais-tu de m'envoyais le script en MP pour me permettre d'étudier ton code ?



Skype
Répondre en citant
Message [HTML]Editeur HTML5 
Bonjour
les screenshots sont off effectivement, l hebergeur du forum est tres bien.

Hackoo tu maitrises comme un chef bravo Very Happy




______________________________________________________
Faites paraitre votre batch sur BatchClipboard
Visiter le site web du posteur
Répondre en citant
Message Re: [HTML]Editeur HTML5 
Salut Very Happy
Pour être honnête envers vous et de conserver le Copyright de l'auteur à l'origine de cette application qui appartient à Fred_ledingue
que je le remercie vivement par cette occasion Okay car après avoir lu son HTA ,je me suis "attaquer" dans ce dernier et j'ai appris pas mal de chose (Trucs, Astuces, Fonctions Utiles, etc....)

Alors, j'ai trouvé ce fameux HTA nommé Dingue_BBCode_Editor.0.6 :



Donc après avoir le contacter par mail (envoyé par ce même HTA) Laughing et prendre sa permission d'ajouter et de modifier son code (d'ailleurs, si vous lisez bien le code, j'ai laissé son copyright et j'ai ajouté ma partie du code en mentionnant par exemple "partie ajouté par Hackoo" pour qu'il soit plus lisible si on travaille en équipe Okay

C'est un éditeur de BBCode pour les forums en mode déconnecté (sans connexion Internet nécessaire). Donc j'ai eu cette idée de combiner mes scripts "Envoi Mail en HTML avec 5 Pièces-jointes" animé par l'Agent Merlin le Magicien avec cet éditeur !


Voila une petite Description a propos du l'éditeur de BBCode :

Cette interface duplique un formulaire de forum sur internet, avec quelques améliorations qui rendent plus facile, plus rapide et plus sûr.

Il garde une trace de tous vos messages sur votre ordinateur.

-Extra-large zone de saisie

-prévisualisation en temps réel (mis à jour toutes les 2 secondes)

-Erreur soulignant

-longueur du message

-Undo/Redo Jusqu'à 40 étapes

-Auto-insérer des liens du presse-papiers

-Auto-texte par défaut insérer dans tag url

-Auto-coller dans le presse-papiers devis ou de code

-Retour automatique à un fichier temporaire

-Enregistrer l'historique des messages

-Enregistrer pour séparer les fichiers

-Copier dans le presse papier

-Travailler en mode déconnecté (sans connexion Internet nécessaire)

Remarque : J'ai laissé l'interface en Anglais puisque le HTA Original été en Anglais Laughing









Qu'en pensez-vous ?






Dernière édition par Hackoo le Mar 18 Juin 2013 - 10:51; édité 1 fois

______________________________________________________
Mes Contributions en Téléchargement
Répondre en citant
Message [HTML]Editeur HTML5 
Bonjour Hackoo
merci pour les explications, je trouve que hta & vbs font une belle paire. Va peut etre falloir que je regarde de ce coté pour mon projet.




______________________________________________________
Faites paraitre votre batch sur BatchClipboard
Visiter le site web du posteur
Message [HTML]Editeur HTML5 


Montrer les messages depuis:
Répondre au sujet Page 1 sur 1
  



Index | créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Copyright 2008 - 2016 // Batch