`
lovexuwenhao
  • 浏览: 199510 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

FCKeditor 利用javascript插入图片以及统计当前输入字数方法

阅读更多

<%@ import namespace="System"%>
<%@ import namespace="System.Data"%>
<%@ import namespace="System.Diagnostics"%>
<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
<script language="C#" runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
    }

</script>
<form id="form1" runat="server">
<fckeditorv2:fckeditor id="FCKeditor" runat="server" Width="580px" EnableXHTML="true" EnableSourceXHTML="true" basepath="~/FCKeditor/" height="500px"></fckeditorv2:fckeditor>

</form>

<INPUT TYPE="button" onclick="InserImg()" value="插图片"> 已经输入了<span id="ShowTextLength">0</span>个字符了
<BR>
当前字符:<INPUT TYPE="text" id="ddd" size=100>

<script language="Javascript">
<!--    
function InserImg()
{
var oEditor = FCKeditorAPI.GetInstance('FCKeditor');
oEditor.InsertHtml("<img src=http://www.baidu.com/img/logo.gif>");
oEditor.EditorDocument.body.onkeyup();
}

function FCKeditor_OnComplete( editorInstance )
{
   // editorInstance.Events.AttachEvent( 'OnStatusChange', DoSomething ) ;
    var oEditor = FCKeditorAPI.GetInstance('FCKeditor');
    oEditor.EditorDocument.body.onkeyup=function ()
    {
        $("ShowTextLength").innerHTML =oEditor.EditorDocument.body.innerHTML.length;
        $("ddd").value =oEditor.EditorDocument.body.innerHTML;
    }

}

function $(id){return document.getElementById(id)}
//-->
</script>

a


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/sejie10011/archive/2008/09/26/2984883.aspx

分享到:
评论
1 楼 化蝶自在飞 2010-04-06  
兄弟以后发代码用 code 吧.那样会更好.呵呵.支持一下.

相关推荐

    Fckeditor(综合利用工具)

    2. **多媒体支持**:编辑器支持插入图片、链接、视频和音频,满足了网络内容多样化的需求。 3. **HTML5兼容**:随着HTML5的普及,Fckeditor也与时俱进,支持HTML5的新特性,如拖放功能、媒体嵌入等。 4. **插件...

    FCKeditor 2.6中添加插入视频和音频功能

    本文将详细讨论如何在FCKeditor 2.6版本中添加插入视频和音频的功能,以及涉及到的相关技术知识点。 首先,我们需要理解FCKeditor的基本架构。FCKeditor由多个组件构成,包括核心编辑器部分、插件系统、皮肤、语言...

    fckeditor 批量图片上传

    在批量上传图片时,FCKeditor通过JavaScript处理用户的选取操作,并利用AJAX(异步JavaScript和XML)技术与服务器进行通信,实现数据的无刷新传输。 1. **FCKeditor配置**: 在FCKeditor的配置文件中,开发者需要...

    fckeditor和使用方法

    - **插入图像**:用户可以上传本地图片或者输入远程图片URL。在描述中提到,FCKeditor支持图片上传,这意味着它具备一个内置的上传组件,允许用户直接在编辑器中上传图片。 - **插入多媒体**:除了图片,FCKeditor还...

    javascript获取FCKeditor内容

    这款编辑器提供了丰富的工具栏选项,支持插入图片、表格、链接等多种格式,广泛应用于各种CMS系统和网站的后端管理界面。 #### 1. 使用JavaScript获取FCKeditor内容 FCKeditor提供了一系列的API供开发者调用,以...

    fckeditor集成远程图片上传插件

    本文将深入探讨“fckeditor集成远程图片上传插件”的相关知识点,以及如何利用这个插件来提升用户体验。 首先,FCKeditor的核心功能是提供一个WYSIWYG(所见即所得)的编辑环境,让用户在浏览器端就能编辑格式化的...

    FCKeditor 使用指南及 JavaScript 调用

    - 富文本功能:提供字体、字号、颜色、对齐方式等基本文本格式化,以及插入图片、链接、表格、列表等功能。 - 插件系统:FCKeditor 支持扩展,可以通过安装插件增加更多功能,如代码高亮、公式编辑等。 - 自定义...

    javascript组件:FCKeditor控件

    在Web应用中,FCKeditor允许用户在浏览器端进行文本格式化、图片插入、链接创建等一系列复杂的编辑操作,极大地提升了用户在网页上的内容创作体验。 一、FCKeditor的特点和功能 1. **丰富的文本格式化**:...

    FCKeditor 插件 远程保存图片

    **FCKeditor插件远程保存图片详解** FCKeditor是一款非常流行的开源富文本编辑器,广泛应用于网站内容管理系统(CMS)和其他需要用户编辑HTML内容的场景。它提供了丰富的功能,如文本格式化、图片上传、链接创建等...

    fckeditor+swfupload+图片本地化

    【标题】"fckeditor+swfupload+图片本地化"涉及的是一个网页编辑器的集成解决方案,主要用于在网站上提供富文本编辑功能,并且能够方便地上传和管理图片资源。 【fckeditor】是这个解决方案的核心部分,它是一个...

    javascript获取FCKeditor内容.txt

    本文详细介绍了如何使用JavaScript操作FCKeditor编辑器的内容,包括获取和设置内容的方法,以及一些常用的编辑器命令和插件管理技巧。通过这些方法,开发者可以更灵活地控制编辑器的行为,满足不同的业务需求。

    FCKeditor 2.6 图片预览

    FCKeditor 2.6 浏览服务器 图片预览 FCKeditor 2.6 浏览服务器 图片预览 FCKeditor 2.6 浏览服务器 图片预览 FCKeditor 2.6 浏览服务器 图片预览 FCKeditor 2.6 浏览服务器 图片预览

    FCKeditor文字编辑器及使用方法

    在这个压缩包中,"在.net中的使用方法.doc"文档很可能是详细介绍了如何在ASP.NET项目中集成和配置FCKeditor的步骤,包括了安装、引用、初始化编辑器以及处理用户交互的代码示例。 集成FCKeditor到ASP.NET应用中,...

    fckeditor编辑器插件

    这需要对AJAX技术有基本理解,以及对fckeditor的`FCK.ExecuteCommand()`方法的应用,该方法可以执行预定义或自定义的命令,包括发送异步请求。在收到服务器响应后,同样利用上述方法将数据整合到编辑器中。 总的来...

    扩展FCKeditor的视频插入功能支持多种格式插件 for z-blog.rar

    它可和PHP、javascript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。 但好多版本的只有flash...

    fckeditor javascript api

    本文主要介绍FCKeditor的JavaScript API,包括如何获取编辑器实例、如何使用事件以及提供了一些示例代码。 #### 获取编辑器实例 在页面加载完成后,FCKeditor会注册一个名为`FCKeditorAPI`的全局对象。通过这个...

    FCKEditor

    1. **JavaScript事件处理**:FCKEditor利用JavaScript的事件监听机制,如点击、选择、输入等,实现了对编辑区域的实时响应。 2. **DOM操作**:编辑器的核心是对文档对象模型(DOM)的动态操作,包括元素的添加、...

    fckeditor实例以及jar包

    这个实例及jar包提供了一种在Java环境中集成FCKeditor的方法,使得开发者能够为用户提供一个可视化的、功能丰富的文本编辑界面。 1. **FCKeditor的基本结构与功能** FCKeditor主要由编辑区域、工具栏和状态栏组成...

    request_and_set_FCKeditor_value.rar_fckeditor val_javascript

    在本文中,我们将深入探讨如何使用JavaScript来获取和设置FCKeditor编辑器的值。FCKeditor是一款功能强大的开源富文本编辑器,它允许用户在网页上创建和编辑内容,类似于Microsoft Word的功能。通过JavaScript,我们...

    常用插件 FCKeditor 自己可以修改图片字体

    3. **媒体嵌入**:除了图片,FCKeditor还能插入视频、音频等多媒体内容,丰富了编辑器的功能。 4. **链接管理**:用户可以方便地创建、编辑和删除链接,支持内部链接和外部链接。 5. **拖放功能**:支持现代浏览器...

Global site tag (gtag.js) - Google Analytics