创建一个纯JavaScriptEditor的Web网页编辑器源码例子资源-CSDN文库

共3个文件

js：2个

htm：1个

Java

Script

Editor

需积分: 9 123 浏览量 2009-04-06 11:14:44 上传评论收藏 7KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Building your own Java Script Editor.zip （3个子文件）

TestEditor.htm 2KB

RBM

RbmEditor.js 16KB

RBM.js 13KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Test RBM Editor - Done By Ramy Mostafa</title> <script type="text/javascript" src="RBM/RBM.js" ></script> <script type="text/javascript" src="RBM/RbmEditor.js" ></script> <script type="text/javascript"> var editor; RBM.AddListener(window,'load',RbmInit); function RbmInit(){ editor = new RBMEditor.Editor('oDiv') } function SetEditorCode() { var x = RBM.GetElement('oDivArea'); x.value = editor.ToString(); //var x = RBM.GetElementsByTagName(document,'div'); //alert(x); } function SetEditorHTML() { var x = RBM.GetElement('oDivArea'); editor.controlContent.innerHTML = x.value; //var x = RBM.GetElementsByTagName(document,'div'); //alert(x); } </script> </head> <body> <strong> Sample Made By Ramy Mostafa </strong> <p><i>This sample is for the RBM Editor It has been test on IE 6,7, Firefox and Google Chrome, Hope you enjoy it</i></p> <br /> <div id="testDiv"> <a href="javascript:alert(editor.ToString());">Print Editor HTML</a> <a href="javascript:editor.ExecuteCommand(RBMEditor.EditorCommands.BOLD);">BOLD</a> <a href="javascript:editor.ExecuteCommand(RBMEditor.EditorCommands.ITALIC);">ITALIC</a> <a href="javascript:editor.ExecuteCommand(RBMEditor.EditorCommands.UNDERLINE);">UNDERLINE</a> <a href="javascript:editor.ExecuteCommand(RBMEditor.EditorCommands.BIG);">BIG</a> </div> <div id="oDiv" style="width:200px;height:200px;border:solid 2px black;"> </div> <a href="javascript:SetEditorCode();">Get Code</a> <a href="javascript:SetEditorHTML();">Send Code To editor</a><br /> <textarea id="oDivArea" rows="5" cols="5" style="width:200px;height:200px;"> </textarea> </body> </html>

评论收藏

内容反馈