FCKEditor学习笔记

本文介绍了FCKEditor富文本编辑器的集成步骤与使用方法,包括如何下载并配置FCKEditor,通过两种方式实现富文本编辑器的创建:一是使用CKEDITOR.appendTo方法,二是替换textarea标签。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.下载FCKEditor压缩包,解压到项目根目录中。

2.导入FCKEditor所需要的js可css文件

        <link rel="stylesheet" href="ckeditor/samples/sample.css"/>
	<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

3.创建FCKEditor文本框。

方法一: 使用CKEDITOR.appendTo(“”,config,html) ,可以在指定的DOM对象中创建fckeditor文本框。

其中的属性 html 为初始化的时候fckeditor中的值,如果为html = “ddd”,则创建fckeditor时可以写入值“ddd”;

属性config 代表fckeditor初始化的配置信息。

	<script>
  		var editor, html = '';
		function createEditor() {
			if ( editor )
				return;
  			var config = {};
			editor = CKEDITOR.appendTo('editor', config, html );  // CKEDITOR.appendTo 可以在指定的DOM对象里创建一个editor
		}


  		function removeEditor(){
  			if(!editor) return;  //editor.getData();可以得到fckeditor文本框中的值
  			editor.destroy();
  			editor = null;
  		}
  	</script>
  
  	<body>
  		<input type="button" onclick="createEditor()" value="createEditor"/>
  		<input type="button" onclick="removeEditor()" value="removeEditor"/>
    		<div id="editor">
    	
   		</div>
    </body>


方法二:替换textarea 标签。

        <script>
  	  $(document).ready(function(){
  	  	CKEDITOR.replace("editor");
  	  });

  	</script>

       <textarea name="editor">
    	
       </textarea>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值