CKEDITOR.replace 添加class

2024-10-17

CKEditor使用配置方法

一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea> <textarea id="TextArea1" cols="20" rows=&quo

dedecms内容编辑器ckeditor没有中文字体,找了很多教程都是千篇一律,而且都是错的,终于找到了一篇,结合自己的实际操作,来教您如何添加中文字体,并且解决乱码问题. 工具/原料 dedecms5.7最新版 dreamweaver cs6 添加字体 1 dedecms程序 include/ckeditor/下找到config.js文件,用dw打开. 2 复制下面代码 : config.font_names = '宋体/宋体;黑体/黑体;仿宋/仿宋;楷体/楷体;隶书/隶书;幼圆/幼圆;微

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

CKEditor 4.4.1 添加代码高亮显示插件功能--使用官方推荐Code Snippet插件

随着CKEditor4.4.1的发布,以前一直困扰的代码高亮问题终于完美的得到解决,在CKEditor4.4中官方发布了Code Snippet这个代码片段的插件,终于可以完美的内嵌使用代码高亮了,以前都是使用网友自己开发的代码高亮插件.下面就来介绍如何使用Code Snippet这个代码高亮插件.本文还介绍了CKEditor中如何安装Code Snippet插件. 新版本附加信息 CKEditor 4.4的更新详情:http://ckeditor.com/whatsnew CKEditor 官

easyui+webuploader+ckeditor实现插件式多图片上传-添加图片权限(图片上传人是谁，只能看到自己的图片)

需求: 实现过程及思路 1.先页面布局 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href

ckeditor 添加插件

官方插件包列表:https://ckeditor.com/cke4/addons/plugins/all 添加插件方法: 1)下载插件包(如果插件包有依赖其他插件,则依赖包也需要下载) 2)解压插件包,插件包目录放置到 ckeditor/plugins 目录里或其他自定义目录(只要能访问得到就好) 3)告诉ckeditor要添加插件 CKEDITOR.plugins.addExternal('html5video', 'xxxx/plugins/html5video/plugin.js', ''

ckeditor源码编辑模式，添加style、javascript内容丢失的解决

我使用ckeditor 我在编辑的使用源码编辑,保存内容包含javascript.style标签的时候,数据库中有javascript.style标签 , 输入到页面也可以执行,但是我再次编辑的时候就不见了.添加allowedContent: true就可以了 CKEDITOR.replace( 'textarea_id', { allowedContent: true}); 也可以通过在config.js中添加config.allowedContent = true;实现注:版本4.0

ckeditor添加插入flv视频的插件

首发:个人博客,更新&纠错&回复昨天写在网页中播放flv的博文的时候,想在博文中插入视频,但是发现无法实现.因为用的编辑器是ckeditor,决定自己写个插件插入视频.官方的教程在这里,写得很好,又简明又清楚. 写一个插件需要建立的文件夹和文件如图所示:主目录video(此目录名即插件名)要放到ckeditor的plugins文件夹下,其中包含最主要的文件plugin.js.如果需要对话框,则需要dialogs文件夹和与插件同名的js文件,本例中即video.js.图标放在icons文件

ckeditor添加日历控件

这里日历控件用的是开源的My97DatePicker,先看下效果图: 1.点击左侧自定义的日历控件按钮,弹出日历控件对话框. 2.点击确定,日历控件添加的表单设计器中,同时保留日历的控件样式 3.点击ckeditor的预览控件,查看是否可以进行日历的选择. 下面就说一下实现,关于如何在ckeditor中添加自定义控件,可参考<ckeditor_4.4.5 自定义工具栏>一文. 首先将My97DatePicker的js文件添加到插件目录下: plugin.js的代码如下: CKEDITOR.pl

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插件

插件下载地址:http://ckeditor.com/download 1.CKeditor配置在html页面的<head>标签中引入核心文件 ckeditor.js <script src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea> <form action="" method="post"> <

关于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

ckeditor使用

安装: 下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK! 引用CKEDITOR的JS文件: 新建JSP页面,添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 替换TEXTAREA标签: <textarea rows="30" cols="50" name="edi

CKEditor与CKFinder整合 MVC3

今天偶然看到一篇关于 CKEditor与CKFinder整合文章,心想有一段时间没有使用这种东西了.于是乎自己动手亲自体验了一下,本以为简单但在东西编写的过程发现了很多没有遇见毛病. 所以记录一下自己东西编写除错的过程首先,下载2个插件包 CKEditor下载地址:http://ckeditor.com/ CKFinder下载地址:http://ckfinder.com/ 1.然后创建项目,将解压的文件夹拷贝到项目中,编写页面代码如下: <%@ Page Language="C#&quo

CKEditor与CKFinder的配置（ASP.NET环境）

CKEditor是一个专门使用在网页上的所得文字编辑器,适用于PHP.ASP.NET.Java等后端开发语言.CKEditor原名为FCKeditor,“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写. 09年发布更新到3.0,并改名为CKEditor,CK意指"Content and Knowledge". 新版的编辑器的更新包括:新的用户界面,一个支持Plug-in的Javascript API,并提供对视觉障碍者的使用支持 CKEdi

CKEditor的使用方法

CKEditor的使用方法 2014-03-31 09:44 8649人阅读评论(1) 收藏举报版权声明:本文为博主原创文章,未经博主允许不得转载. ckeditor 的官方网站是 http://ckeditor.com/ 一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"><

ckeditor、ckeditor配置--整合

1.将ckeditor和ckfinder文件夹拷入项目文件夹中,刷新项目. 2.ckfinder把文件夹中的bin目录下的dll文件(CKFinder.dll)添加到网站的引用中,防止出现找不到类的错误.(未能加载类型“CKFinder.Connector.Connector”.) 3. 在添加编辑控件的页面(aspx)的head中加入,并插入代码: <script src="ckeditor/ckeditor.js" type="text/javascript&quo

ckeditor简单的演示

先把ckeditor文件添加到项目中然后在页面上引用 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>ckediot编辑器的简单使用</titl

CKEditor使用笔记

相关资源 1. 首页地址:http://ckeditor.com/ 2. 下载地址:http://ckeditor.com/download 3. SDK地址:http://sdk.ckeditor.com/ 如何开始 1.选择位置,放置CKEditor的包如:放置在webapp/plugin路径下,其中webapp是web项目的根目录. 2.在页面中引入ckeditor.js <script type="text/javascript" src="${pageCon

ckeditor的详细配置

CKEditor 3 JavaScript API Documentation : http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.htm 一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javas cript" src="ckeditor/ckeditor.js"></scrip