html文本代码编辑器（简单、快捷，可内网运行）

源码资源网

html文本代码编辑器（简单、快捷，可内网运行）
功能说明
行号显示：左侧实时显示行号，并与编辑器内容同步滚动
文件打开：点击"打开文件"按钮选择本地文件，或支持拖放文件到编辑器打开
支持.txt、.html、.js、.css、.json、.md等格式

文件保存：点击"保存文件"将当前内容保存到本地
其他功能：
暗色/亮色模式切换
清空编辑器内容
实时统计字数和行数

语法高亮功能
使用了 highlight.js 库提供语法高亮
支持多种编程语言：HTML、CSS、JavaScript、Python、Java、C++、PHP、JSON、XML、SQL、YAML、Markdown等
可以通过工具栏下拉菜单选择语言
打开文件时会根据文件扩展名自动检测语言

代码注释功能
使用 Ctrl+/ 组合键注释/取消注释代码

支持全屏：在工具栏右侧添加了全屏按钮
全屏样式：为全屏模式添加了专门的CSS样式
F11快捷键：支持代码编辑区域按F11键进入/退出全屏

关键代码

1. // Tab键处理函数
   
2. function handleTabKey(e) {
   
3.         // 如果按下的不是Tab键，不处理
   
4.         if (e.key !== 'Tab') return;
   
5. 
   
6.         e.preventDefault(); // 阻止默认的Tab行为（焦点切换）
   
7. 
   
8.         const start = textEditor.selectionStart;
   
9.         const end = textEditor.selectionEnd;
   
10.         const value = textEditor.value;
    
11. 
    
12.         // 获取缩进字符串
    
13.         let indentStr;
    
14.         if (tabSizeSelect.value === 'tab') {
    
15.                 indentStr = '\t'; // 使用制表符
    
16.         } else {
    
17.                 indentStr = ' '.repeat(parseInt(tabSizeSelect.value)); // 使用空格
    
18.         }
    
19.         ...
    
20. // 处理全屏状态变化
    
21. function handleFullscreenChange() {
    
22.         const fullscreenElement = document.fullscreenElement ||
    
23.                                                          document.mozFullScreenElement ||
    
24.                                                          document.webkitFullscreenElement ||
    
25.                                                          document.msFullscreenElement;
    
26. 
    
27.         isFullscreen = !!fullscreenElement;
    
28. 
    
29.         if (isFullscreen) {
    
30.                 // 进入全屏模式
    
31.                 editorContainer.classList.add('fullscreen');
    
32.                 document.body.classList.add('fullscreen-mode');
    
33.                 fullscreenBtn.innerHTML = '<i class="fas fa-compress"></i> 退出全屏';
    
34.                 fullscreenBtn.style.backgroundColor = '#e74c3c';
    
35.                 fullscreenStatus.textContent = '全屏';
    
36. 
    
37.                 // 显示提示
    
38.                 const originalHTML = fullscreenBtn.innerHTML;
    
39.                 fullscreenBtn.innerHTML = '<i class="fas fa-check"></i> 已进入全屏';
    
40.                 setTimeout(() => {
    
41.                         fullscreenBtn.innerHTML = originalHTML;
    
42.                 }, 1500);
    
43.                 ...

复制代码

html文本代码编辑器（简单、快捷，可内网运行）

html文本代码编辑器（简单、快捷，可内网运行）

html文本代码编辑器（简单、快捷，可内网运行）

html文本代码编辑器（简单、快捷，可内网运行）

链接: https://pan.baidu.com/s/1hn6Sq9FDmq5tmeqModQChA
提取码下载：

文件名称:提取码下载.txt 
下载次数:0  文件大小:16 Bytes  售价:19金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员6折；永久VIP4折】

安全检测，请放心下载