FCKEditor学习笔记

最新推荐文章于 2024-07-13 13:55:40 发布

Leftist。

最新推荐文章于 2024-07-13 13:55:40 发布

阅读量529

点赞数

分类专栏： j2EE UI 文章标签： java fckeditor

本文链接：https://blog.csdn.net/skygrey_1/article/details/17554971

版权

j2EE UI 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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" οnclick="createEditor()" value="createEditor"/>
  		<input type="button" οnclick="removeEditor()" value="removeEditor"/>
    		<div id="editor">
    	
   		</div>
    </body>

方法二：替换textarea 标签。

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

  	</script>

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

Leftist。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
FCKEditor学习笔记

1.下载FCKEditor压缩包，解压到项目根目录中。2.导入FCKEditor所需要的js可css文件 3.创建FCKEditor文本框。方法一：使用CKEDITOR.appendTo(“”，config,html) ，可以在指定的DOM对象中创建fckeditor文本框。其中的属性 html 为初始化的时候fckeditor中的值，如果为html
复制链接

扫一扫