Maison  >  Article  >  interface Web  >  Comment l'éditeur de texte en ligne Kindeditor filtre-t-il les astuces HTML_javascript

Comment l'éditeur de texte en ligne Kindeditor filtre-t-il les astuces HTML_javascript

WBOY
WBOYoriginal
2016-05-16 15:05:401357parcourir

KindEditor est un éditeur visuel HTML open source, principalement utilisé pour permettre aux utilisateurs d'obtenir des effets d'édition WYSIWYG sur des sites Web. Il est compatible avec les navigateurs grand public tels que IE, Firefox, Chrome, Safari et Opera. KindEditor est écrit en JavaScript et peut être intégré de manière transparente à Java, .NET, PHP, ASP et d'autres programmes. Ceci est l'introduction sur le site officiel.

Page d'accueil : http://www.kindsoft.net/index.php

Télécharger : http://www.kindsoft.net/down.php

Exemple : http://www.kindsoft.net/demo.php

Le problème rencontré lors de l'utilisation de l'éditeur de texte kindeditor est que le client colle directement le contenu du texte d'Excel dans l'éditeur de texte (pouvez-vous être plus paresseux), puis l'enregistre directement sans ajuster le contenu collé (osez-vous faire ça ? Soyez paresseux) ! Concernant ce comportement sans voix, je n'ai pu que lui crier dessus, laissez-moi faire un filtre d'étiquette pour que vous n'ayez aucun problème en le collant (lâche ? Qui peut se permettre d'offenser les clients).

La méthode de filtrage est également simple :

KindEditor.ready(function (K) {
editor = K.create('textarea[name="content"]', {
filterMode: true,//是否开启过滤模式
});
}); 

Le filterMode par défaut est désactivé. Définissez d'abord filterMode sur true, puis ajoutez htmlTags pour spécifier les balises et attributs HTML à conserver. La clé du tableau de hachage est le nom de la balise HTML, la valeur est le tableau d'attributs HTML et les attributs commençant par "." Type de données : Objet

KindEditor.ready(function (K) {
editor = K.create('textarea[name="content"]', {
filterMode: true,//是否开启过滤模式
htmlTags : {
font : ['id', 'class', 'color', 'size', 'face', '.background-color'],
div : [
'id', 'class', 'align', '.border', '.margin', '.padding', '.text-align', '.color',
'.background-color', '.font-size', '.font-family', '.font-weight', '.background',
'.font-style', '.text-decoration', '.vertical-align', '.margin-left'
],
a : ['id', 'class', 'href', 'target', 'name'],
embed : ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess'],
img : ['id', 'class', 'src', 'width', 'height', 'border', 'alt', 'title', 'align', '.width', '.height', '.border'],
'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : [
'id', 'class', 'align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.background',
'.font-weight', '.font-style', '.text-decoration', '.vertical-align', '.text-indent', '.margin-left'
],
pre : ['id', 'class'],
hr : ['id', 'class', '.page-break-after'],
'br,tbody,tr,strong,b,sub,sup,em,i,u,strike,s,del' : ['id', 'class'],
iframe : ['id', 'class', 'src', 'frameborder', 'width', 'height', '.width', '.height']
}
});
});

Ce qui précède explique comment l'éditeur vous présente comment filtrer le HTML dans l'éditeur de texte en ligne Kindeditor. J'espère que cela vous sera utile !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn