FCKeditor利用js插入图片以及统计当前输入字数方法
2011-05-19 11:17
671 查看
<%@ 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>
url:http://blog.csdn.net/sejie10011/archive/2008/09/26/2984883.aspx
<%@ 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>
url:http://blog.csdn.net/sejie10011/archive/2008/09/26/2984883.aspx
相关文章推荐
- FCKeditor 利用javascript插入图片以及统计当前输入字数方法
- js统计当前输入字数在指定的输入区域显示
- python 解析docx文档的方法,以及利用Python从docx文档提取插入的文本对象和图片
- 利用JS判断图片,文件是否存在的几种方法
- createTextRange()方法在js中有什么作用,以及验证输入是否为数字及获得文本框的焦点
- C语言编程中统计输入的行数以及单词个数的方法
- js实现类似qq表情(插入图片以及获取光标的效果)
- IFC标准是为了满足建筑行业的信息交互与共享而产生的统一数据标准,是建 筑行业事实上的数据交换与共享标准。本文概要介绍了IFC标准的产生及发展 历程,IFC的整体框架结构,简要说明了IFC标准的实现方法和过程,描述了 当前的应用以及我们应该更加积极地利用IFC标准为建筑软件行业服务。
- JS控制文本框textarea输入字数限制的方法
- js获取当前三个月的日期输入方法
- 2009年6月小记(group by统计合并,js关闭本窗口,wcf捕捉错误,便宜的域名解析方法,当前外网IP)
- JS统计还可以输入多少字数
- 2009年6月小记(group by统计合并,js关闭本窗口,wcf捕捉错误,便宜的域名解析方法,当前外网IP)
- JS统计还可以输入多少字数,用于向输入者提示信息
- js小方法+Canvas 利用js 实现浏览器保存图片到本地
- 利用InputFilter限制输入的类型以及字数
- 利用sender的Parent获取GridView中的当前行 不用AJAX实现前台JS调用后台C#方法(小技巧) AjaxControlToolkit的CalendarExtender的本地化
- js 新浪微博的统计字数方法
- 利用面向对象的方法处理不同类型的输入以及输出