Kindeditor オンライン テキスト エディターのフィルター HTML_javascript のヒント

KindEditor はオープンソースの HTML ビジュアル エディターであり、主にユーザーが Web サイト上で WYSIWYG 編集効果を得ることができるようにするために使用されます。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']
}
});
});

上記は、Kineditor オンライン テキスト エディターで HTML をフィルターする方法をエディターが紹介したものです。お役に立てれば幸いです。