Javascript Girl
  1. Javascript Girl
  3. Activer CKEditor4 inline on span et autres tags en ligne
Intereting Posts
Node.js Stream Timer Recursion AngularJS: sélectionnez pas de liaison bidirectionnelle au modèle Pourquoi utiliser l'opérateur unaire sur un tableau donne des résultats incohérents dans javascript? Quelle est la différence entre JSON et AJAX avec jQuery? Une façon d'étendre la méthode array.sort () de javascript pour accepter un autre paramètre? Window.open () dans un iPad sur la charge d'un cadre ne fonctionne pas Est-il possible de pincer pour zoomer en cordova Comment soumettre plusieurs formulaires avec soumission unique? Node.js: appelant des fonctions Javascript pur Utilisation de socket.io dans Express 4 et express-generator's / bin / www JQuery width () ne renvoie pas la valeur correcte sur un div avec un contenu généré Jquery addClass et Supprimer la classe sur le vol stationnaire Comment faire pour que TinyMCE fonctionne dans un UpdatePanel? Comment obtenir le chemin d'accès racine en JavaScript? Permettant l'entrée uniquement pour le numéro de flotteur

Activer CKEditor4 inline on span et autres tags en ligne

J'aimerais savoir si c'est possible et comment activer la fonction d'édition en ligne / contentative CKEditor4 sur <span> et d'autres éléments en ligne. C'est quelque chose que je ne trouve pas dans les documents officiels.

Avec ce balisage: 

 <span id="editable" contenteditable="true"></span>

Et soit la configuration standard (AutoInline activée) ou cette configuration: 

 <script> CKEDITOR.disableAutoInline = true; CKEDITOR.inline('editable'); // ID of the element to edit </script>

Une erreur est signalée: The specified element mode is not supported on element: "span". La même erreur est signalée pour les balises <a> .

Hack pour autoriser le support des balises non prises en charge: 

 CKEDITOR.dtd.$editable.span = 1 CKEDITOR.dtd.$editable.a = 1

Gagner.

Nan. Il n'est pas possible de créer un éditeur sur des éléments en ligne. Ici vous pouvez trouver la liste des noms acceptés.

Cependant, j'ai vérifié que, après avoir modifié cette liste, j'ai pu initialiser l'éditeur sur strong élément strong et ça fonctionne même … Sauf si vous collez ou faites d'autres actions non prises en charge :).