fck编辑器的使用

FCK编辑器的使用

注意:编辑器有浏览器缓存,所以修改配置后,一定要删一下缓存

这个编辑器是采用 html+javascript 开发出来的

通常作为插件来使用:

1,下载插件包

2,解压,加压之后看一看核心文件就是fckeditor.js

(1) javascript如何使用fck编辑器

(2)php如何使用fck编辑器

1、javascript如何使用fck编辑器

(1)解压后放到www下,

(2)加载fck编译器,

/fckeditor/editor/fckeditor.html

(3) 实例化对象,设置属性,调用方法,出现编译器(javascript使用fck编辑器

<script type=”text/javascript” src=”fckeditor/fckeditor.js”></script>

<script>

var fck= new FCKeditor(‘name’);

fck.Width=’700′;

fck.Height=’200′;

fck.BasePath=”/fckeditor/fckeditor/”;

fck.Create();

</script>

(4)使用编译器,应用到我们的表单中

fck这个对象提供了一些方法:在fckeditor.js中

通常使用 ReplaceTextarea 这个方法代替表单中的 textarea文本域

<form action=”index.php” method=”post”>

姓名:<input type=”text” name=”username”><br />

<textarea name=”name”></textarea><br>

<input type=”submit” value=”提交”>

</form>

<script type=”text/javascript” src=”fckeditor/fckeditor.js”></script>

<script>

var fck= new FCKeditor(‘name’);

fck.Width=’700′;

fck.Height=’200′;

fck.BasePath=”/fckeditor/fckeditor/”;

//测试使用basic简体的工具集

//fck.ToolbarSet=”Mine”;

fck.ReplaceTextarea();//使用编译器为提交的表单

//fck.Create();

</script>

Index.php

<?php

$name=$_POST[‘username’];

$text=$_POST[‘name’];//这个接受时要写var fck= new FCKeditor(‘name’);中的name

var_dump($name);

var_dump($text);

?>

(5) 配置编辑器,能够上传图片

默认情况下是不能上传到服务器的,但是我们可以通过修改配置文件实现

到D:\wamp\www\fckeditor\fckeditor\editor\filemanager\connectors\php修改config.php文件

上传图片,上传到服务器,(php的配置文件)

$Config[‘Enabled’] = true ;表示能上传图片

$Config[‘UserFilesPath’] = ‘/userfiles/默认情况下,会将上传的图片,上传到根目录下的 userfiles目录下

修改成当前目录下:$Config[‘UserFilesPath’] = ‘/fckeditor/upload/,图片就能上传到指定文件夹下

(6) PHP如何使用fck编辑器

(7) 将我们获得fck 封装成一个类:

通过查看编辑器的源代码,发现生成的编辑器是由3部分组成:

input

input

iframe

所以我们就可以将源代码获得,然后给用户返回,用户可以自己支配

CreateHTML()

标签