fckeditor

flamezealot

浏览: 20807 次
性别:
来自: 杭州

最近访客更多访客>>

wxyit163

jjjssh

Csupport

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

fckeditor JavaScript IE Flash HTML

使用JAVASCRIPT版的FCK，在页面加载时（未打开FCK），创建一个隐藏的TextArea域，这个TextArea的name和ID要和创建的FCK实例名称一致，然后点击"Open Editor"按钮时，通过调用一段函数，使用FCK的ReplaceTextarea()方法来创建FCKeditor，代码如下：

java 代码

<script type="text/javascript">
<!--
function showFCK(){
var oFCKeditor = new FCKeditor( 'content' ) ;
oFCKeditor.BasePath = '/FCKeditor/' ;
oFCKeditor.ToolbarSet = 'Basic' ;
oFCKeditor.Width = '100%' ;
oFCKeditor.Height = '300' ;
oFCKeditor.ReplaceTextarea() ;
}
//-->
</script>
<textarea name="content" id="content">textarea>

FCKeditor 的 APIOnUploadCompleted方法将上传图片的信息返回给插入图片对话框，此信息中最主要的是图片上传后的相对于网站的相对地址。如果是插入成功，应该是

java 代码

var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
// Get the Editor Area DOM (Document object)
var oDOM = oEditor.EditorDocument ;
iLength = oDOM.body.innerText.length ;
// Insert the desired HTML.
oEditor.InsertHtml( '- This is some <a href="/Test1.html">sample</a> HTML -' ) ;
// Set the editor contents (replace the actual one).
oEditor.SetHTML( 'This is the <b>new content</b> I want in the editor.' ) ;
// Get the editor contents in XHTML."true" means you want it formatted.
oEditor.GetXHTML( true ) ;
//Get innerHtml
oEditor.EditorDocument.body.innerHTML ;
oEditor.IsDirty() ;
oEditor.ResetIsDirty() ;
// Execute the command.(Bold,Italic......)
oEditor.Commands.GetCommand( commandName ).Execute() ;

插入及上传图片的页面fck_image，跳转到该页面的语句在/js/fckeditorcode_ie.js的75行1328列

case 'Image':B=new FCKDialogCommand('Image',FCKLang.DlgImgTitle,'dialog/fck_image.html',450,400);break;

插入flash的也在这里。

在上传图片的代码后面加入以下代码，主要是对图片上传完之后的处理，如提示信息等，可以根据需要酌情修改。

java 代码

<script language="javascript">
window.parent.OnUploadCompleted(returnVal, imgUrl ,fileName,errorMessage)
</script>

java 代码

<script language="javascript">
window.parent.OnUploadCompleted(0, imgUrl, fileName,errorMessage );
</script>

则被上传的图片会显示在浏览窗口中。

分享到：

重新开始学习 | Tomcat：IOException while loading persis ...

2007-07-16 15:53
浏览 1275
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

fckeditor

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

fckeditor

评论

发表评论

相关推荐

最近访客更多访客>>