ckeditor使用教程

最新推荐文章于 2024-11-18 17:23:46 发布

置顶尘封曦阳

最新推荐文章于 2024-11-18 17:23:46 发布

阅读量2.2k

点赞数 2

分类专栏： J2EE

本文链接：https://blog.csdn.net/cfxylhb/article/details/52314515

版权

J2EE 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

引用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 = []