fckeditor编辑器调用方法
下面我们总结了常的语言开发中fckeditor编辑器的调用方法包括有asp教程,php教程,asp.net教程,网页特效等几种调用方法。
PHP页面:
/* 编辑器 */
include_once "../include/fckeditor/fckeditor.php";//把编辑器引进来
$editor = new FCKeditor('content');//表单项的名称
$editor->BasePath = "/fckeditor/";//编辑器所在目录
$editor->ToolbarSet = "Normal";//工具栏的名字,可以根据自己的需求加载其他的
$editor->Width = "95%";//宽度度
$editor->Height = "250";//高度
$editor->Value = $content;//初始值
$fckeditor = $editor->CreateHtml();//在要显示编缉器的地方输出变量$fckeditor的值就行了
$tpl->assign('fckeditor', $fckeditor);//模板赋值HTML模板页面(我用的是smarty)
{%$fckeditor%}
一般php页面调用
content 是我定义的变量名
$content =$_POST["content"];
添加:
<INPUT name="content" id="content" type=hidden>
<IFRAME id="content" src="fckeditor/editor/fckeditor.html?InstanceName=content&Toolbar=Normal" frameBorder=0 width=100% scrolling=no height=300 ></IFRAME>
修改页面:
<INPUT name="content" id="content" type=hidden value="<?php echo $rows['content'];?>">
<IFRAME id="content" src="/fckeditor/editor/fckeditor.html?InstanceName=content&Toolbar=Normal" frameBorder=0 width=100% scrolling=no height=300 >
</IFRAME>
FCKeditor asp调用方法1
<!-- #INCLUDE file="FCKeditor/FCKeditor.asp" -->
<form action="sampleposteddata.asp" method="post" target="_blank">
<%
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/FCKeditor/"
oFCKeditor.ToolbarSet = "Default"
oFCKeditor.Width = "100%"
oFCKeditor.Height = "400"
oFCKeditor.Value = "1234123123"
oFCKeditor.Create "Content"
%>
<input type="submit" value="Submit" />
</form>
FCKeditor asp调用方法2
<!--#include file="FCKEditor/fckeditor.asp" -->
<%
'多个控件使用一个编辑器
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/fckeditor/"
oFCKeditor.ToolbarSet = "yongfa365"
oFCKeditor.Width = "100%"
oFCKeditor.Height = "100"
oFCKeditor.Config("ToolbarLocation") ="Out:xToolbar"
oFCKeditor.Value = ""
oFCKeditor.Create "txtContentHeader"
%><div id="xToolbar"></div>
<%
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/fckeditor/"
oFCKeditor.ToolbarSet = "yongfa365"
oFCKeditor.Width = "100%"
oFCKeditor.Height = "400"
oFCKeditor.Config("ToolbarLocation") ="Out:xToolbar"
oFCKeditor.Value = ""
oFCKeditor.Create "txtContent"
%>
-------------------------------------------------------------------------------------------------------------
FCKeditor js调用方法1
<script src="FCKeditor/FCKeditor.js"></script>
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'Content' ) ;
oFCKeditor.BasePath = 'FCKeditor/' ;
oFCKeditor.ToolbarSet = 'Basic' ;
oFCKeditor.Width = '100%' ;
oFCKeditor.Height = '400' ;
oFCKeditor.Value = '' ;
oFCKeditor.Create() ;
</script>
FCKeditor js调用方法2
<script src="FCKeditor/FCKeditor.js"></script>
<script type="text/javascript">
<!--
function showFCK(){
var oFCKeditor = new FCKeditor('Content') ;
oFCKeditor.BasePath = 'FCKeditor/' ;
oFCKeditor.ToolbarSet = 'Basic' ;
oFCKeditor.Width = '100%' ;
oFCKeditor.Height = '200' ;
oFCKeditor.Value = '' ;
oFCKeditor.ReplaceTextarea() ;
document.getElementById("btnShow").disabled = 'true';
document.getElementById("btnShow").style.display = 'none';}
//-->
</script>
<textarea name="Content"></textarea>
<input id=btnShow style="display:inline" type=button onClick="showFCK()">
补充:网页制作,设计基础