Javascript Girl
  1. Javascript Girl
  3. HTML HTML Rich Text Box (IDE)
Intereting Posts
Entrez les incendies du formulaire de soumission Effacez le cache en JavaScript Mise à l'échelle de l'image à partir de l'entrée Qu'est-ce que signifie? Puis-je sélectionner plusieurs tags à l'aide de getElementsByTagName? Déterminez si et quel postback partiel s'est produit dans pageLoad () avec JavaScript dans .NET Très simple AngularJS $ http Résultats POST dans '400 (Requête incorrecte)' et 'Code d'état HTTP non valide 400' JQuery – Si l'élément a une classe, faites-le Fonction d'appel avec tableau d'arguments JQuery: Attente / Retard 1 seconde sans code d'exécution Comment filtrer un ensemble de composants / éléments dans les réactifs Does .css () ajoute-t-il automatiquement les préfixes de fournisseur? Évitez de retransmettre des images et d'autres éléments depuis les vues de l'arrière-plan Firefox exception 'Le composant JavaScript n'a pas une méthode nommée: "disponible"' Quelle est la meilleure méthode pour redistribuer une page Web sur le changement d'orientation?

HTML HTML Rich Text Box (IDE)

J'espère créer un IDE dans javascript qui se comporte comme Gmail, sauf que le style changera automatiquement en fonction de ce qu'il tape à son type. La logique de ce n'est pas là où je me heurte. C'est la façon dont gmail permet d'éditer dans un format d'édition enrichi en html. Pour autant que je sache, la commande textarea ne fonctionne pas de cette façon, alors comment faussent-elles cette fonctionnalité?

Google pour "contenu modifiable" Essayez d'appuyer sur F7 dans Firefox pour modifier la page HTML directement 🙂 Gmail utilise Frame dans une page avec contenteditable = "true".

Voir aussi Google Web Toolkit: http://code.google.com/docreader/#p=google-web-toolkit-doc-1-5&s=google-web-toolkit-doc-1-5&t=DevGuideWidgetGallery Il existe un widget RichTextArea .

Je ne sais pas si c'est ce que vous voulez dire, mais cherchez-vous un éditeur WYSIWYG en ligne?

Dans ce cas, permettez-moi de recommander CKEDitor , c'est assez rapide, moderne et robuste.

Vous pouvez trouver une liste plus large dans l'entrée Wikipedia correspondante.

Vous devriez probablement personnaliser l'un des éditeurs pour pouvoir éditer des E-Mails (vous ne pourrez pas travailler avec des classes CSS prédéfinies par exemple, de sorte que l'éditeur devrait faire toutes les définitions de style directement dans La balise), mais cela ne devrait pas poser de problème.

Téléchargez l'un des nombreux systèmes open source qui le permettent, et voyez comment ils l'ont fait.
Fondamentalement, ils attachent des gestionnaires d'événements à un bouton qui, à leur tour, sait comment insérer des "trucs" dans le lieu où le curseur est actuellement situé dans la zone de texte, OU autour de la zone sélectionnée dans la zone de texte.

Mon vote est pour « editarea » qui se trouve dans la liste des éditeurs basés sur le Web: une autre entrée Wikipedia .

J'ai pu l'ajouter à une page existante avec le code le plus simpliste: 

<script language="javascript" type="text/javascript" src="edit_area/edit_area_full.js"></script> <script language="javascript" type="text/javascript" > editAreaLoader.init({ id: "my_textarea_id" // ID of textarea to turn into syntax editor. , syntax: "php" , start_highlight: true , allow_resize: "both" , toolbar: "search, go_to_line, |, undo, redo, |, highlight, reset_highlight, word_wrap,|,syntax_selection" , min_height:150 , min_width:400 }); </script>