ckeditor setdata 过滤

2024-10-21

JS CKEditor使用setData后绑定click事件

CKEditor使用setData()时会自动丢失初始时绑定的时间,在百度时发现有很多方法都不对. 近期在做项目的时候,由于客户需要,将原来的文本格式的textarea标签更改成富文本编辑器--CKEditor,插件使用起来很方便,网上教程很多.API看起来比较麻烦. 为文本框添加绑定事件的两种方式: 1.CKeditor预加载时可以绑定一次: IS代码: var a = CKEDITOR.replace( id);//id是页面元素的ID值:ckeditor_onFocus是自己定义的方法

CKEditor配置及使用

注:使用CKEditor版本为js版本的CKEditor 4,所有配置均参考自CKEditor官方API:http://docs.ckeditor.com/,以及实践经验一.快速使用 1.引入CKEditor的js文件 // 当此文件载入完毕之后,CKEditor的JavaScript API就已准备就绪,可以使用 <script src="ckeditor/ckeditor.js"></script> 2.页面中使用CKEditor // 在需要使用编辑器的

ckeditor+angularjs directive

var cmsPlus = angular.module('cmsPlus', []); cmsPlus.directive('ckEditor', function() { return { require: '?ngModel', link: function(scope, elm, attr, ngModel) { var ck = CKEDITOR.replace(elm[0]); if (!ngModel) return; ck.on('instanceReady', function

angular+ckeditor最后上传的最后一张图片不会被添加（bug）

做法一: angularJs+ckeditor 一.页面 <textarea ckeditor required name="topicContent" ng-model="topic.body" rows="20" class="form-control col-md-8 ecp-post-content" name="content"></textarea> 二.指令 app.d

AngularJS+ckEditor管理ng-model

1.首先去ckeditor的官网下载ckeditor包,http://ckeditor.com/download: 2.把ckeditor文件夹放入工程中(webapp文件夹下能访问到的都行). 3.页面导入ckeditor.js,就导入这个文件即可. 4.使用Angular的directive配置ckeditor编辑器 /**ckEditor,因为这里定义了,所以在页面就无需定义一个新的ckeditor了,注意看浏览器控制台,*如果页面用ckeditor官方的方法定义一个ckeditor,就会

Angularjs 与Ckeditor

Angularjs 与Ckeditor Angularjs 诞生于Google是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVC.模块化(Module机制).自动化双向数据绑定.语义化标签(Directive).依赖注入.路由(Route)机制.服务(services)机制等等.以前也用过Jquery.Extjs等,现在刚开始接触AngularJS,感觉这是一个很吸引人的一个框架. 学习网址: http://www.angular

ckeditor编辑的使用方法

一.下载安装Ckeditor,并将其整合到项目中 1.什么是CKeditor?为什么要使用它? 我们在做门户网站或者公文系统时,客户经常要求在录入时能够更改字体样式.大小.颜色并具备插入图片的功能.而一般的TextBox无法满足我们的需求, 此时就需要使用一种叫做富文本编辑器的东西,这类编辑器有很多,ckeditor就是其中一种,下面介绍其使用方法 2.如何下载 √ 进入官方网站 http://ckeditor.com/,点击Download进入下载页面 √ CKEDITOR支持多种编程语言及框

Angularjs中添加ckEditor插件

使用方法看注释.主要解决帮上ngModel的问题 angular.module('newApp') .directive('ckeEditor', function() { return { /* For Example: <textarea id="..." name="..." class="form-control" cke-editor rows="10" cols="80" ng-model

解决Ckeditor编辑器不显示html实体，自动过滤html的问题

Ckeditor 4.5.4,在编辑的时候,使用源码编辑,当保存内容包含Javascript.Style标签的时候,数据库中有Javascript.Style标签,输入到页面也可以执行,但是我再次编辑的时候就不见了,是Ckeditor把它们过滤掉了,需要做如下配置: CKEDITOR.replace( 'textarea_id', { allowedContent: true }); 最后又发现一个问题: 设置了{ allowedContent: true}后,虽然html没有被过滤,但是htm

关于CKEditor 4.0 过滤html标签

今天遇到一个问题,就是整个页面存储在数据库中,然后后台可以进行编辑,开始我使用ckeditor进行编辑,后来发现他会自动的过滤掉一些html标签,花了一上午的时间在网上查找资料,并且在官网也看了,但是结果都是不行的以下方法测试都不行: config.allowedContent = true;config.fullPage = true; 最后我们架构师和我们说是会有这样的问题,要我们用<textarea>标签.

关于NK3C使用富文本编辑器（CKEditor）发送HTML邮件的使用说明

目前NK3C发送HTML邮件使用的的编辑器是CKEditor4.6版本,关于CKEditor的使用说明如下: 1.依赖JQuery1.7版本以上,在xxx.vm中<head></head>即引入 <scriptsrc="$rootPath/js/lib/jquery/jquery.min.js"></script> 2.添加标签<textarea></textarea>: <textarea cla

Java Web开发之Servlet获取ckeditor内容

js:  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> window.onload = function(){ //将textarea替换ckeditor var yjfx = null;//研究方向 var jj = null;//简介 jj = CKEDITOR.replace('jj'); y

【实践】获取CKEditor的html文本、纯文本、被选中的内容及赋值

<%=Html.TextAreaFor(Model => Model.WORK_INTRODUCTION)%> <script type="text/javascript"> CKEDITOR.replace('WORK_INTRODUCTION'); </script> 1.获取CKEditor被选中的内容var mySelection = CKEDITOR.instances.WORK_INTRODUCTION.getSelection

每日学习心得：UEditor样式被过滤无法显示问题

前言: 上周开发中有用到开源的富文本编辑器UEditor,在使用的过程中遇到了样式被过滤无法显示问题,经过一番折腾终解决,此外,还有一些关于获取前台界面元素的一些总结. 1. UEditor样式被过滤无法显示问题上周有用到百度开源的富文本编辑器----UEditor.不得不说这个富文本编辑器做的真的很赞,个人觉得比CKeditor要好用很多,效果也很不错.但是在使用的过程中,有遇到在向文本编辑器插入HTML文本时,添加的样式老是被过滤掉,找了很多的资料,并结合最新的版本,整理了

CKeditor的简单使用

由于项目中要使用ckeditor 做个推荐功能,由于值设定到文本内容,就选择最基本的使用. 使用的版本为当前最新版本4.4.7,你需要下载两部分,一个是前台使用,一个是后台使用, 你可以到我的网盘中下载,下载地址为:ckeditor_4.4.7_basic.ckeditor-java-core-3.5.3. 你也可以选择到官网下载最新版本,地址为:http://ckeditor.com/download. 1.把ckeditor的basic解压后文件放到工程中,在你的jsp页面中引入ckedit

Ckeditor注册事件

这段时间使用js+cookies进行自动草稿保存,个人觉的,这些全在客户端处理比较的好,所以没有使用AJAX+数据库的自动草稿保存方法. 结果出现Ckeditor无法绑定onkeyup,onselect,onclick事件的问题,查看了Ckeditor的API,发现如下说明: instanceReady.ckeditor: fired when the editor is created, but before any callback being passed to the ckeditor(

CKEditor如何统计文字数量

今天在修改v5后台的比赛系统时,发现文本框需要限制输入字数.我们这个系统用的是3.6.3版本的,前台代码是这样的 <script> //编辑器 CKEDITOR.replace('matchContent',{ resize_enabled : false, //是否窗口可以扩展 sharedSpaces : { top : 'topSpace', bottom : 'bottomSpace' }, toolbar :[ ['Cut','Copy','Paste','PasteText','-

javascript获取ckeditor编辑器的值(实现代码)

CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;} content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传刚有个朋友反应说FIREFOX下不能判断为空

文本编辑器 CKEditor 用法

最新文本编辑器,FCK升级版:CKEditor.NET CKEditor.NET.dll 版本:3.6.4.0 官方网址:http://ckeditor.com/ 效果图: 配置web.config: <system.web> <pages> <controls> <add tagPrefix="CKEditor" assembly="CKEditor.NET"

ckeditor 敏感词标记显示处理方法

直接在原型添加方法: (function () { /* * 取消所有高亮 */ CKEDITOR.editor.prototype.CancleSensitiveWordsHighlight = function () { var regstrEpswh = '<span class="ep_ckeditor_sensitivewords" style="background-color:[^<>:]+[;]*">([^<>]+

ckeditor setdata 过滤

热门专题