jQuery Girl
  1. jQuery Girl
  3. Comment puis-je append rel = “nofollow” à un lien dans CKEditor s’il s’agit d’un lien externe
Intereting Posts
Quel est le meilleur moyen de couper le nom de fichier de l’atsortingbut ‘href’ d’un élément ‘a’ à l’aide de jQuery? Obtenir du texte derrière un élément Appel Ajax peupler Typeahead Bootstrap Jquery / JavaScript: sortinger une colonne de données sur laquelle se trouve Non capturé Dimensions non valides pour le tracé, width = null, height = null pour les graphiques à plat api Bouton jQuery désactivé avec problème de case à cocher Inclure des fichiers SVG avec HTML et pouvoir toujours leur appliquer des styles? Javascript Ajouter / Supprimer une zone de texte et le bouton de suppression correspondant Modification du sens de défilement de vertical à horizontal sur la même page Essayer d’accéder à l’API Instagram avec jQuery jQuery: ajoute une classe dynamicment en fonction de la résolution de la fenêtre du navigateur Chargement de jQuery à partir d’actifs locaux dans Android pour une page html distante Ajout de deux listes à sélectionner, la première doit être sélectionnée par défaut jquery json peupler la table Quelqu’un peut-il commenter mon correctif?

Comment puis-je append rel = “nofollow” à un lien dans CKEditor s’il s’agit d’un lien externe

je veux donner rel="nofollow" à mes liens externes dont le contenu est géré par ckeditor.

example.com = mon site

externallink.com = tout lien externe

Par exemple: 

 
 Lorem ipsum dolar sit amet.

Cette solution: 

 editor.dataProcessor.htmlFilter.addRules( { elements : { a : function( element ) { if ( !element.atsortingbutes.rel ) element.atsortingbutes.rel = 'nofollow'; } } });

à partir de https://stackoverflow.com/a/6930940/1848929 ajoute nofollow à tous les éléments a.

Comment puis-je filtrer uniquement les liens externes?

Voir aussi la documentation détaillée sur le processeur de données CKEditor: http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Data_Processor

Remarque: L’éditeur de texte de Stackoverflow utilise la réponse à cette question. Vérifiez l’atsortingbut rel de deux liens dans cette question.

J’utilise partir de CDN sur mes pages.

Je l’ai résolu comme; 

 CKEDITOR.on('instanceReady', function(ev) { var editor = ev.editor; editor.dataProcessor.htmlFilter.addRules({ elements : { a : function( element ) { if ( !element.atsortingbutes.rel ){ //gets content's a href values var url = element.atsortingbutes.href; //extract host names from URLs var hostname = (new URL(url)).hostname; if ( hostname !== window.location.host && hostname !=="youranothersite.com") { element.atsortingbutes.rel = 'nofollow'; } } } } }); })

Cette solution fonctionne également dans Internet Explorer: 

 CKEDITOR.on('instanceReady', function(ev) { var editor = ev.editor; editor.dataProcessor.htmlFilter.addRules({ elements : { a : function( element ) { if ( !element.atsortingbutes.rel ){ //gets content's a href values var url = element.atsortingbutes.href; //extract host names from URLs (IE safe) var parser = document.createElement('a'); parser.href = url; var hostname = parser.hostname; if ( hostname !== window.location.host) { element.atsortingbutes.rel = 'nofollow'; element.atsortingbutes.target = '_blank'; } } } } }); })

Donc, vous devez comparer les hôtes, quelque chose comme cela devrait fonctionner. 

 a : function( element ) { if ( element.host !== window.location.host ) { element.atsortingbutes.rel = 'nofollow'; } }