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!