FCKEditor添加数据和显示数据怎么做??(ASP)
我已经成功调用FCKEditor,页面里也出现了编辑器。如何将编辑器里的内容添加到数据库?(用的数据库是access,语言是VBScript)。还有想问一下如果数据添加到...
我已经成功调用FCKEditor,页面里也出现了编辑器。
如何将编辑器里的内容添加到数据库?(用的数据库是access,语言是VBScript)。
还有想问一下如果数据添加到数据库之后如何将数据显示在FCKEditor里,然后修改编辑,提交之后更改数据库的内容??
虽然成功调用了FCKEditor,可是没有出现任何按扭?提交按扭之类的要自己添加吗? 展开
如何将编辑器里的内容添加到数据库?(用的数据库是access,语言是VBScript)。
还有想问一下如果数据添加到数据库之后如何将数据显示在FCKEditor里,然后修改编辑,提交之后更改数据库的内容??
虽然成功调用了FCKEditor,可是没有出现任何按扭?提交按扭之类的要自己添加吗? 展开
展开全部
用fck3.0和后台语言没有关系,只要引入js脚本,将一个文本输入框area的class命名为fckeditor,
然后后台用get或post方法直接获取area的name的值就可以了,只是没有上传了,也该这样,编辑器不该有上传功能,上传有太多漏洞了,具体代码如下
<link href="view/default/sendarticle.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="include/ckeditor/ckeditor.js"></script>
<form name="FormName" method="get" action="sendarticle.html">
<input type="hidden" name="act" value="write">
<table width="90%" border="0" cellpadding="4" cellspacing="1" align='center'>
<tr>
<td colspan="2" class="HeaderRow">发表帖子</td>
</tr>
<tr>
<td colspan="2" class="SubTitleRow"><span class="redfont">(*)内容必须填写</span></td>
</tr>
<tr>
<td width="25%" align="right" class="InputRow">标题:</td>
<td width="75%" class="InputRow">
<input name="title" type="text" id="title" size="35" maxlength="10">
<span class="redfont">(*)</span> </td>
</tr>
<tr>
<tr>
<td height="25" colspan="2" align="center">
<textarea class="ckeditor" cols="80" id="content" name="content" rows="10">
这里是内容
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input name="submit" type="submit" id="submit" value=" 发表帖子 ">
</td>
</tr>
</table>
</form>
-----------------------------------------------------------------
[转]CKEditor 3.0(FCKEditor3.0)的简单安装配置使用
2009年09月08日 星期二 14:15
CKEditor 3.0安装配置,感觉比较简单,但本次没有涉及上传文件的配置,只是简单的配置使用。
下载CKEditor 3.0,地址:http://ckeditor.com/
首先,下载下来解压后,把文件夹ckeditor放到你的站点。
其次,在你的网页里面加入下面脚本:
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
注意红色部分,这里根据你自己的编辑器路径修改,请务必配置正确。
再次,在需要引用CKEditor编辑器的地方加入下面代码:
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">
这里是内容
</textarea>
或者:
<textarea cols="80" id="editor1" name="editor1" rows="10">
这里是内容
</textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
这样,一个编辑器就基本可以使用了。
--------------------------------------------------
配置属于自己的编辑器,配置Config.js文件(官方给出配置的几种方法,详见参考官方文档)如下:
用记事本打开config.js文件,可看到下面代码:
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
config.language = 'en';
config.uiColor = '#F00';
};
我们只需在函数里面加入自己需要配置的选项即可,例如本人配置的:
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'zh-cn'; //配置语言
//config.uiColor = '#FFF'; //背景颜色
//config.width = 500; //宽度
config.height = 500; //高度
//工具栏
config.toolbar =
[
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','Source','-','Undo','Redo']
];
};
更详细配置选项,请参考官方文档http://docs.fckeditor.net/ckeditor_api/symbols/CKEDITOR.config.html
--------------------------------------------
CKEditor瘦身:如果你觉得整个编辑器太大,你可以删除文件。
例如把_samples、_source、_tests三个文件夹删除,进入lang文件目录,保留en.js、zh.js、zh-cn.js三个文件,其余的语言文件如果你用不到,可以删除。
-----------------------------------------------------------------
出处:http://blog.csdn.net/sony87615/archive/2009/09/24/4588463.aspx
这是2.X版本中在ASP中的使用办法,官方的http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Integration/ASP
然后后台用get或post方法直接获取area的name的值就可以了,只是没有上传了,也该这样,编辑器不该有上传功能,上传有太多漏洞了,具体代码如下
<link href="view/default/sendarticle.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="include/ckeditor/ckeditor.js"></script>
<form name="FormName" method="get" action="sendarticle.html">
<input type="hidden" name="act" value="write">
<table width="90%" border="0" cellpadding="4" cellspacing="1" align='center'>
<tr>
<td colspan="2" class="HeaderRow">发表帖子</td>
</tr>
<tr>
<td colspan="2" class="SubTitleRow"><span class="redfont">(*)内容必须填写</span></td>
</tr>
<tr>
<td width="25%" align="right" class="InputRow">标题:</td>
<td width="75%" class="InputRow">
<input name="title" type="text" id="title" size="35" maxlength="10">
<span class="redfont">(*)</span> </td>
</tr>
<tr>
<tr>
<td height="25" colspan="2" align="center">
<textarea class="ckeditor" cols="80" id="content" name="content" rows="10">
这里是内容
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input name="submit" type="submit" id="submit" value=" 发表帖子 ">
</td>
</tr>
</table>
</form>
-----------------------------------------------------------------
[转]CKEditor 3.0(FCKEditor3.0)的简单安装配置使用
2009年09月08日 星期二 14:15
CKEditor 3.0安装配置,感觉比较简单,但本次没有涉及上传文件的配置,只是简单的配置使用。
下载CKEditor 3.0,地址:http://ckeditor.com/
首先,下载下来解压后,把文件夹ckeditor放到你的站点。
其次,在你的网页里面加入下面脚本:
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
注意红色部分,这里根据你自己的编辑器路径修改,请务必配置正确。
再次,在需要引用CKEditor编辑器的地方加入下面代码:
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">
这里是内容
</textarea>
或者:
<textarea cols="80" id="editor1" name="editor1" rows="10">
这里是内容
</textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
这样,一个编辑器就基本可以使用了。
--------------------------------------------------
配置属于自己的编辑器,配置Config.js文件(官方给出配置的几种方法,详见参考官方文档)如下:
用记事本打开config.js文件,可看到下面代码:
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
config.language = 'en';
config.uiColor = '#F00';
};
我们只需在函数里面加入自己需要配置的选项即可,例如本人配置的:
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'zh-cn'; //配置语言
//config.uiColor = '#FFF'; //背景颜色
//config.width = 500; //宽度
config.height = 500; //高度
//工具栏
config.toolbar =
[
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','Source','-','Undo','Redo']
];
};
更详细配置选项,请参考官方文档http://docs.fckeditor.net/ckeditor_api/symbols/CKEDITOR.config.html
--------------------------------------------
CKEditor瘦身:如果你觉得整个编辑器太大,你可以删除文件。
例如把_samples、_source、_tests三个文件夹删除,进入lang文件目录,保留en.js、zh.js、zh-cn.js三个文件,其余的语言文件如果你用不到,可以删除。
-----------------------------------------------------------------
出处:http://blog.csdn.net/sony87615/archive/2009/09/24/4588463.aspx
这是2.X版本中在ASP中的使用办法,官方的http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Integration/ASP
参考资料: http://hi.baidu.com/liuflin/blog/item/5cfe291f8ae1816af724e4cf.html
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询