kindeditor在线文本编辑器过滤HTML的方法

在使用kindeditor文本编辑器时遇到的问题,客户直接从Excel里粘贴文本内容到文本编辑器中(能不能再懒一些),然后不调整粘贴内容直接就保存(你敢不敢再懒一些)!对于这种很无语的行径,我只能对他大吼一声,我做一个标签过滤吧,这样你粘贴就不会出现问题了(怂?谁惹得起客户)。

过滤方法也简单:

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

默认filterMode是关闭状态,首先把filterMode设置为true,然后增加htmlTags,指定要保留的HTML标记和属性。哈希数组的key为HTML标签名,value为HTML属性数组,"."开始的属性表示style属性。数据类型:Object

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‘]
            }
           });
});
时间: 2024-08-03 08:28:07

kindeditor在线文本编辑器过滤HTML的方法的相关文章

转载:基于jquery的bootstrap在线文本编辑器插件Summernote

基于jquery的bootstrap在线文本编辑器插件Summernote 转载:jQ酷 » 基于jquery的bootstrap在线文本编辑器插件Summernote Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Opera.Internet Explorer 9 +(IE8支持即将到来). 特点: 世界上最好的WYSIWYG在线编辑器 极易安装

coding++:快速构建 kindeditor 富文本编辑器(一)

此案例 demo 为 SpringBoot 开发 1.官网下载相关资源包:http://kindeditor.net/down.php 2.编写页面(引入相关JS) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>kindeditor富文本编辑器</title> <link href="/

在线文本编辑器cheditor应用实例

CKEditor 即 FCKEDITOR . FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写.具备功能强大.配置容易.跨浏览器.支持多种编程语言.开源等特点.它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor. FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器.它志于轻量化,不需要太复杂的安装步骤即可使用.它可和PHP.JavaScript.ASP.ASP.NET.ColdFus

javascript 在线文本编辑器

javascript 在线文本编辑器实现代码.效果如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m

django项目中使用KindEditor富文本编辑器

先从官网下载插件,放在static文件下 前端引入 <script type="text/javascript" src="/static/back/kindeditor/kindeditor-all.js"></script> <script> KindEditor.ready(function (K) { window.editor = K.create('#content', { {# 加上这句话可以使jquery能获取到富

kindEditor 富文本编辑器 使用介绍

第一版:存放位置:  ---->把该创建的文件包放到javaWeb 过程的 WEB_INF 下:如图所示. 第二步:< kindEditor 插件的引用> :JS引用 1 <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script> 2 <scrip

在线文本编辑器的基本实现原理

引用地址:http://www.w3ctech.com/topic/140 最近研究了一下在浏览器中实现的 WYSIWYG 文本编辑器的原理, 在了解基本原理并浏览了 zenpen 这个相对简单的在线编辑器的源码后, 在这方面有种豁然开朗的感觉. 说来让人惊讶,最初在浏览器中使之变为可能的浏览器是 IE5.在那个时代, IE 的确也算是非常先进的浏览器了,现在广为使用的 AJAX 技术,不也是 IE5 最早提供的么? 不过这里就不再讨论当初 IE 那套陈旧的 API 了,而主要来讨论 HTML5

KindEditor富文本编辑器, 从客户端中检测到有潜在危险的 Request.Form 值

在用富文本编辑器时经常会遇到的问题是asp.net报的”检测到有潜在危险的 Request.Form 值“一般的解法是在aspx页面   page  标签中加上 validaterequest='false'  但这样的话   既不安全 也不一定有效,好吧,说说我的解决方法吧, 就是在提交的时候不让富文本的内容提交,先是把内容编码给到一个隐藏标签,然后给富文本赋空值. 1 KindEditor.ready(function (K) { 2 Editor = K.create('#txtIntro

ASP.NET网站使用Kindeditor富文本编辑器配置步骤

1. 下载编辑器 下载 KindEditor 最新版本,下载页面: http://www.kindsoft.net/down.php 2. 部署编辑器 解压 kindeditor-x.x.x.zip 文件,将editor文件夹复制到web目录下  3.在网页中加入(ValidateRequest="false") 1 <%@ Page Language="C#" AutoEventWireup="true" ValidateRequest=