[原]简易文本编辑器源码

最新推荐文章于 2022-07-04 09:37:42 发布
最新推荐文章于 2022-07-04 09:37:42 发布
阅读量187 收藏
点赞数
文章标签： javascript ViewUI

一个简易文本编辑器，自己学习的第一个编辑器程序，共享一下，可以学习一下。

<HTML>
 <HEAD>
  <TITLE>ubb</TITLE>
 </HEAD>
 <BODY>
  <FONT face=""></FONT>
  <br>
  <br>
  <table width="300" cellspacing="0" cellpadding="1" border="0" bgcolor="buttonface">
   <tr>
    <td  height="20px" width="18px"  οnclick='doAction("Bold")' onMouseDown="DoDown(e_bold );" onMouseOver="On_Mouseover(e_bold) ;"
     οnmοuseοut="On_Mouseout(e_bold);">
     <img align="absmiddle" id="e_bold" src='bold.gif' width="18px" height="18px" border="0"/>
    </td>
    <td height="20px" width="18px" οnclick='doAction("Italic")' onMouseDown="DoDown(e_italic);" onMouseOver="On_Mouseover(e_italic) ;"
     οnmοuseοut="On_Mouseout(e_italic);">
     <img  align="absmiddle" id="e_italic" src='italic.gif' width="18" height="18" border=0/>
    </td>
    <td width="264px">
    </td>
   </tr>
   <tr>
    <td colspan="3">
     <iframe id="Editor" name="Editor" border="0" scroll="no" width="300" height="200" style="margin:0px"></iframe>
    </td>
   </tr>
 </table>
  <script language="javascript">

//initialize the iframe
function window.onload()
{
  Editor.document.designMode = "On";
  Editor.document.open() ;
  Editor.document.write("") ;
  Editor.document.close();
  Editor.focus ();
}

function On_Mouseover(thisTD)
{
thisTD.style.borderLeft = "1px solid buttonhighlight" ;
thisTD.style.borderRight = "1px solid buttonshadow";
thisTD.style.borderTop = "1px solid buttonhighlight";
thisTD.style.borderBottom = "1px solid buttonshadow";
}

function On_Mouseout(thisTD)
{
thisTD.style.borderLeft = "" ;
thisTD.style.borderRight = "";
thisTD.style.borderTop = "";
thisTD.style.borderBottom = "";
}

function DoDown(thisTD)
{
thisTD.style .borderLeft = "1px solid buttonshadow";
thisTD.style .borderRight = "1px solid buttonhighlight";
thisTD.style .borderTop = "1px solid buttonshadow";
thisTD.style .borderBottom = "1px solid buttonhighlight";
thisTD.style .paddingTop = "2px";
thisTD.style .paddingLeft = "2px";
thisTD.style .paddingBottom = "0px";
thisTD.style .paddingRight = "0px";
}

function doAction(str)
{
var m_objTextRange = Editor.document.selection.createRange();
m_objTextRange.execCommand(str) ;
}


  </script>
 </BODY>
</HTML>

weixin_33735077
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单的文本编辑器源代码
01-30
简单的文本编辑器源代码....... 改变文本颜色、背景颜色、更改文字大小、字体样式...... 淡入浅出的效果
简单文本编辑器源代码(java)
04-28
用java语言编写的一个简单程序
一个简单的文本编辑程序源代码
m0_69084985的博客
07-04 1208
一个简单的文本编辑小程序，在c++上编译通过
简易文本编辑器 源码_文本编辑器_简易文本编辑器源码_
10-02
简易文本编辑器 源码！分享！学习用！支持开源！
简易文本编辑器（Delphi源码）
weixin_30267697的博客
03-11 88
计划一个简略单纯的文本编纂器，具有建立、编纂、生存平凡文本文件的功能。 unit U nit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, StdCtrls, ExtCtrls; type TForm1 = class...
一个的简易文本编辑器
01-19
一个简易文本编辑器，自己学习的第一个编辑器程序，共享一下，可以学习一下。  ubb [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
scratch3源码简易文本编辑器
03-19
scratch3源码简易文本编辑器本资源系百度网盘分享地址
c语言文本编辑器系统源码 + 运行程序
最新发布
03-25
在界面设计方面，该文本编辑器源码采用了命令行或简单的图形界面，使得用户能够方便快捷地进行文本编辑操作。同时，源码还提供了丰富的用户交互功能。 此外，这套C语言文本编辑器系统源码还具备高度的可定制性和...
简单文本编辑器c++源代码
08-26
* c++实现 * command模式编辑读入文件行 * 摘自《数据结构与算法分析》（c++版）
TextEditor：一个简单的文本编辑器
02-25
文本编辑器 一个简单的文本编辑器。 执行的任务：i）打开ii）保存iii）重置iv）剪切v）复制vi）粘贴它使用基本的UI组件，没有样式。
文本编辑器--源码（c++）
06-08
C++ 文本编辑器，源代码，可以看一看哦
文本编辑器代码
02-21
使用C#语言设计的一个文本分析软件，本软件为文分析，功能有：打开保存退出，利用正则表达式对文档进行删除，添加，修改，替换等功能。
最简单的文本编辑器
11-27
HTML5 和 CSS3 技术应用 JQUERY
c语言简单文本编辑器源代码,C语言实现简易文本编辑器
weixin_39868959的博客
05-18 2079
本程序要求完成一个简易文本编辑器，能够完成文本的录入、编辑、删除、查找，并能够完成文件的存取。在文本编辑软件中把用户输入的所有文本内容作为一个字符串。虽然各种文本编辑软件的功能有强弱差别，但是基本操作都包括串的输入、修改、删除(包括整行删除和一行中的子串删除)、查找、输出等。通过分析，系统应该包括以下功能：1、具有简单的文字或图形菜单界面2、能实现串或文本块的查找、替换、删除、插入、移动操作。3、...
自己写的一个简单文本批量编辑器， 附源码
weixin_30312563的博客
07-31 116
最近采集了一些静态的HTML页，因为想批量添加一些AD和统计的代码，于是就写了一个批量在页面body下边以及页尾body前添加文本的工具。 当然也可以做成批量替换的工具，需要的朋友可以自己升级。1。选择文本所在的目录，然后左边会显示所有的HTML文件。如果某个文件不想编辑，双击即可从列表清除。支持单个页面插入。上一个截图吧。下载地址：文本批量编辑 转载于:https://www.cn...
简易文本编辑器
Mr.魏
11-17 1164
C语言QT开发简易文本编辑器 文件 ：新建 打开 保存 另存为 推出 编辑： 撤销 赋值 粘贴 剪切 构架 ：编译 帮助： 关于 删除下方对框栏 设置textexit全屏 先点击textedit 然后点击上方的“栅格布局” 在layout 下面选这边界 设置为0 打开文件 1、fopen(文件名，打开方式) 2、判断可用性 3、读取内容 4、关闭 头文件导入： 打开文件 通过对话框打开...
c语言文本编辑器源代码 含窗口,C语言实现简单的文本编辑器
weixin_33445134的博客
05-17 1157
本文实例为大家分享了C语言实现简单的文本编辑器的具体代码，供大家参考，具体内容如下预期实现三个功能，第一，可以对指定的行输入字符串；第二，删除指定行的字符串；第三，显示编辑器的行数和内容。我们通过块链结构来实现本程序。“块”的含义是每个块中可以存放多个字符，“链”的含义是块与块之间通过链表结构进行连接。IDE : Code::Blocks 17.12Compiler : GNU GCC Compi...
python实现简易版python代码编辑器源码
06-03
以下是一个简单的 Python 代码编辑器的源代码，它使用了 Tkinter GUI 工具包： ```python import tkinter as tk from tkinter import filedialog, messagebox class Editor: def __init__(self, master): self.master = master master.title("Python Editor") master.geometry("800x600") master.protocol("WM_DELETE_WINDOW", self.close) self.text = tk.Text(master, font=("Courier", 12)) self.text.pack(expand=True, fill="both") menu = tk.Menu(master) file_menu = tk.Menu(menu, tearoff=False) file_menu.add_command(label="New", command=self.new_file) file_menu.add_command(label="Open", command=self.open_file) file_menu.add_command(label="Save", command=self.save_file) file_menu.add_command(label="Save As", command=self.save_file_as) file_menu.add_separator() file_menu.add_command(label="Exit", command=self.close) menu.add_cascade(label="File", menu=file_menu) edit_menu = tk.Menu(menu, tearoff=False) edit_menu.add_command(label="Cut", command=self.cut) edit_menu.add_command(label="Copy", command=self.copy) edit_menu.add_command(label="Paste", command=self.paste) menu.add_cascade(label="Edit", menu=edit_menu) self.master.config(menu=menu) def new_file(self): self.text.delete(1.0, tk.END) self.filename = None def open_file(self): self.filename = filedialog.askopenfilename(title="Open File", filetypes=[("Python Files", "*.py"), ("All Files", "*.*")]) if self.filename: with open(self.filename, "r") as f: self.text.delete(1.0, tk.END) self.text.insert(1.0, f.read()) def save_file(self): if not self.filename: self.save_file_as() else: with open(self.filename, "w") as f: f.write(self.text.get(1.0, tk.END)) def save_file_as(self): self.filename = filedialog.asksaveasfilename(title="Save File", filetypes=[("Python Files", "*.py"), ("All Files", "*.*")]) if self.filename: with open(self.filename, "w") as f: f.write(self.text.get(1.0, tk.END)) def cut(self): self.text.event_generate("<<Cut>>") def copy(self): self.text.event_generate("<<Copy>>") def paste(self): self.text.event_generate("<<Paste>>") def close(self): if messagebox.askokcancel("Quit", "Do you want to quit?"): self.master.destroy() root = tk.Tk() editor = Editor(root) root.mainloop() ``` 该编辑器包含了以下功能： 1. 新建、打开、保存和另存为 Python 文件。 2. 剪切、复制和粘贴文本。 3. 窗口关闭时提示是否保存修改。 请注意，这只是一个简单的示例，您可以根据自己的需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值