ckeditor使用教程

引用CKEDITOR的JS文件：

添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

替换TEXTAREA标签：

<textarea rows="30" cols="50" name="editor01">请输入.</textarea>
<script type="text/javascript">CKEDITOR.replace('editor01');</script>

或者在head区域引入

<script type="text/javascript">window.onload = function(){CKEDITOR.replace( 'editor01' );};
</script>

当然还有一个方法CKEDITOR.appendTo(elementOrId, config) 它可以在特定的dom对象中创建CKEDITOR

<div id="editorSpace"><:/div>CKEDITOR.appendTo( 'editorSpace' );

CKEditor的基本用法
一、在页面中加载CKEDITOR编辑器：

1：CKEDITOR.replace（element,config):用编辑器取代element
2：CKEDITOR.appendTo(element,config,html)：在element后面添加编辑器

二、常用的方法：

获得编辑器中的内容：getData();
设置编辑器中的内容：setData();
编辑器的宽度:config.width = 640;
编辑器的高度:config.height = 100;
全部菜单:config.toolbar = 'Full';
基础菜单:config.toolbar = 'Basic';
自定义菜单:config.toolbar_Full = []

ckeditor使用教程相关推荐

ckeditor使用教程 php,为ckeditor编辑器修改添加一键排版功能
为ckeditor编辑器修改添加一键排版功能使用PHPCMS V9的朋友都知道,V9内置使用ckeditor编辑器,但是默认编辑器的排版功能不是很强大,下面绿茶小编教大家修改一下编辑器,改动几个地方 ...
apache poi_将HTML转换为Apache POI的RichTextString
apache poi 1.概述在本教程中,我们将构建一个将HTML作为输入的应用程序,并使用提供HTML的RichText表示形式创建Microsoft Excel工作簿. 为了生成Microsof ...
将HTML转换为Apache POI的RichTextString
1.概述在本教程中,我们将构建一个将HTML作为输入的应用程序,并使用提供HTML的RichText表示形式创建Microsoft Excel工作簿. 为了生成Microsoft Excel工作簿, ...
ckeditor+vue 傻瓜式操作教程
昨天看过很多ckeditor 教程,总结了一下用插件最简单的步骤(公司项目用到的是数学公式) 步骤一:在线配置ckeditor,最后下载后复制到项目步骤二: 新建一个ckeditor 组件,在组件里 ...
ckfinder php 配置,PHP中Ckeditor+Ckfinder配置图片上传功能_PHP教程
从标题来看我们知道Ckeditor不支持图片上传功能,它是需要一个组件Ckfinder才可以支持上传图片, 本文章就来详细的介绍了如何配置Ckeditor+Ckfinder实现图片上传的功能. 第一: ...
CKEditor教程
致Javdroider的C-fans:最近忙着开发网站,一直没时间写博客,加上在之前的文章中已经涉及了很多数据结构的问题,接下来要练习的应该是排序查找算法了,C语言强化系列就暂时告一段落吧,之后会继 ...
CKeditor配置及使用技巧、精简教程(超详细)
一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <scripttype="text/javascript"src=&q ...
php自动排版的快捷键,PHPCMS V9教程：ckeditor编辑器添加一键排版功能
v9使用的Ckeditor编辑器,在使用过程中有些不尽人意的地方,下面我来修改一下编辑器,改动几个地方,让Ckeditor编辑更加实用一些. 此次修改的内容有批量去除超链接.上传图片自动添加ALT参数 ...
ckeditor finder php,CKEDITOR CKFINDER的图片上传配置(C#/asp.net/php)
CKEDITOR+CKFINDER的图片上传配置(C#/asp教程.net/php教程) php keditor的代码全部重写,但里面没有了上传功能,只是一个纯粹的文件在线编辑器,如果需要上传图片,还 ...

ckeditor使用教程

ckeditor使用教程相关推荐

最新文章

热门文章