# <link href="/html/js/fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />
# <script type="text/javascript" src="/html/js/fckeditor/fckeditor.js"></script>
# <script type="text/javascript">
# var oFCKeditor = new FCKeditor( 'fck' ) ;
# oFCKeditor.BasePath = '/html/js/fckeditor/' ;
# oFCKeditor.Config['ToolbarStartExpanded'] = false ;
# oFCKeditor.ToolbarSet = 'Basic' ;
# oFCKeditor.ReplaceTextarea() ;
# </script>
引入CSS样式和JS文件,然后用简单的几行代码就可以完成一个FCKEditor控件了。
4、将fckeditor与相关的HTML标记绑定。
Xml代码 复制代码
1. <textarea name="fck" rows="10" cols="80" style="width: 100%; height: 200px"></textarea>
<textarea name="fck" rows="10" cols="80" style="width: 100%; height: 200px"></textarea>
只需要将我们的HTML标记的name属性和new FCKeditor('fck');构造函数中的名称保持一直就可以了,和原本的HTML代码完全没有过多的相关性。
以上就已经完成了一个简单的(Basic)的FCKeditor,如果觉得编辑框不够丰富的话,将下面两行代码去掉就可以了
# <script type="text/javascript" src="/html/js/fckeditor/fckeditor.js"></script>
# <script type="text/javascript">
# var oFCKeditor = new FCKeditor( 'fck' ) ;
# oFCKeditor.BasePath = '/html/js/fckeditor/' ;
# oFCKeditor.Config['ToolbarStartExpanded'] = false ;
# oFCKeditor.ToolbarSet = 'Basic' ;
# oFCKeditor.ReplaceTextarea() ;
# </script>
引入CSS样式和JS文件,然后用简单的几行代码就可以完成一个FCKEditor控件了。
4、将fckeditor与相关的HTML标记绑定。
Xml代码 复制代码
1. <textarea name="fck" rows="10" cols="80" style="width: 100%; height: 200px"></textarea>
<textarea name="fck" rows="10" cols="80" style="width: 100%; height: 200px"></textarea>
只需要将我们的HTML标记的name属性和new FCKeditor('fck');构造函数中的名称保持一直就可以了,和原本的HTML代码完全没有过多的相关性。
以上就已经完成了一个简单的(Basic)的FCKeditor,如果觉得编辑框不够丰富的话,将下面两行代码去掉就可以了