fckeditor简单的应用---修改工具栏

来源:互联网 发布:广州疯狂java培训口碑 编辑:程序博客网 时间:2024/05/16 07:56

修改工具栏的属性:工具栏的相关属性存放在fckconfig.js这个文件中,其中在FCKConfig.ToolbarSets["Default"]这个位置

1.创建默认形式的fckeditor,如下图

//源代码<script type="text/javascript" src="fckeditor/fckeditor.js"></script>//引入fckeditor.js<form action="replyDeal.jsp" method="post"> <!-- <textarea name="cont" rows="15" cols="80"></textarea>-->   <script type="text/javascript">      var oFCKeditor = new FCKeditor('cont');//cont是textarea的名字,      oFCKeditor.BasePath = "fckeditor/";//设置fckeditor的根路径      oFCKeditor.Height = 300 ;      oFCKeditor.Create() ;   </script> <input type="submit" value="发表"/></form>

2.创建自定义的工具栏,如下图

//源代码<script type="text/javascript" src="fckeditor/fckeditor.js"></script>//引入fckeditor.js<form action="replyDeal.jsp" method="post"> <!-- <textarea name="cont" rows="15" cols="80"></textarea>-->   <script type="text/javascript">      var oFCKeditor = new FCKeditor('cont');//cont是textarea的名字,      oFCKeditor.BasePath = "fckeditor/";//设置fckeditor的根路径
      oFCKeditor.Config["CustomConfigurationsPath"] = "myconfig.js";//自己定义工具栏的的js文件,编辑之后保存在editor目录下      oFCKeditor.ToolbarSet = "reply";//reply是在myconfig.js文件中指定自定义工具栏的名字       oFCKeditor.Height = 300 ;      oFCKeditor.Create() ;   </script> <input type="submit" value="发表"/></form>