Rumah >hujung hadapan web >tutorial js >Bagaimanakah penyunting teks dalam talian Kindeditor menapis petua HTML_javascript

Bagaimanakah penyunting teks dalam talian Kindeditor menapis petua HTML_javascript

WBOY
WBOYasal
2016-05-16 15:05:401381semak imbas

KindEditor ialah editor visual HTML sumber terbuka, terutamanya digunakan untuk membolehkan pengguna memperoleh kesan pengeditan WYSIWYG pada tapak web Ia serasi dengan penyemak imbas arus perdana seperti IE, Firefox, Chrome, Safari dan Opera. KindEditor ditulis dalam JavaScript dan boleh disepadukan dengan lancar dengan Java, .NET, PHP, ASP dan program lain. Ini adalah pengenalan di laman web rasmi.

Halaman utama: http://www.kindsoft.net/index.php

Muat turun: http://www.kindsoft.net/down.php

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

Masalah yang dihadapi semasa menggunakan penyunting teks kindeditor ialah pelanggan menampal terus kandungan teks daripada Excel ke dalam penyunting teks (bolehkah anda lebih malas), dan kemudian menyimpannya terus tanpa melaraskan kandungan yang ditampal (beranikah anda buat begitu? Berkenaan perangai membisu ini, saya hanya mampu menjerit padanya, izinkan saya membuat penapis label supaya anda tidak menghadapi sebarang masalah ketika menampalnya (pengecut? Siapa yang mampu menyinggung perasaan pelanggan).

Kaedah penapisan juga mudah:

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

Mod penapis lalai dimatikan Mula-mula tetapkan Mod penapis kepada benar, kemudian tambahkan htmlTag untuk menentukan teg HTML dan atribut yang akan dikekalkan. Kunci tatasusunan cincang ialah nama teg HTML, nilainya ialah tatasusunan atribut HTML dan atribut yang bermula dengan "." Jenis data: Objek

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

Di atas ialah cara editor memperkenalkan kepada anda cara menapis HTML dalam editor teks dalam talian Kindeditor saya harap ia akan membantu anda!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn