Kindeditor 온라인 텍스트 편집기는 HTML_javascript 팁을 어떻게 필터링합니까?

KindEditor는 주로 사용자가 웹사이트에서 WYSIWYG 편집 효과를 얻을 수 있도록 하는 데 사용되는 오픈 소스 HTML 시각적 편집기입니다. 이는 IE, Firefox, Chrome, Safari 및 Opera와 같은 주요 브라우저와 호환됩니다. KindEditor는 JavaScript로 작성되었으며 Java, .NET, PHP, ASP 및 기타 프로그램과 완벽하게 통합될 수 있습니다. 공식홈페이지에 소개된 내용입니다.

홈페이지: http://www.kindsoft.net/index.php

다운로드: http://www.kindsoft.net/down.php

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

kindeditor 텍스트 편집기를 사용할 때 겪게 되는 문제는 고객이 Excel에서 텍스트 내용을 텍스트 편집기에 직접 붙여넣은 다음(좀 더 게을리할 수 있나요), 붙여넣은 내용을 조정하지 않고 직접 저장한다는 것입니다(감히 그렇게 할 수 있습니까?) 그렇게 하라고? 게으르게 굴어라)! 이 말문이 막힌 행동에 대해 나는 그에게 소리를 지르는 것 밖에 할 수 없었습니다. 붙여 넣을 때 문제가 없도록 라벨 필터를 만들겠습니다 (겁쟁이? 누가 고객을 불쾌하게 할 수 있습니까?).

필터링 방법도 간단합니다.

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

기본 filterMode는 꺼져 있습니다. 먼저 filterMode를 true로 설정한 다음 htmlTags를 추가하여 유지할 HTML 태그와 속성을 지정하세요. 해시 배열의 키는 HTML 태그 이름이고, 값은 HTML 속성 배열이며, "."로 시작하는 속성은 스타일 속성을 나타냅니다. 데이터 유형: 객체

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']
}
});
});

위는 Kindeditor 온라인 텍스트 편집기에서 HTML을 필터링하는 방법을 편집자가 소개한 내용입니다.