富文本编辑器

内容保存功能

使用"保存内容"按钮将当前内容保存到本地,使用"清除内容"按钮删除已保存的内容。

内容已成功保存!

HTML输出

编辑器内容将显示在这里...

预览效果

预览将显示在这里...

本地化说明

无需任何外部网络请求,要使用此编辑器:

  1. 将整个代码保存为HTML文件
  2. 在同一目录下创建tinymce文件夹
  3. 从TinyMCE官网下载最新版本并解压到tinymce文件夹
  4. 确保文件结构如下:
    你的文件夹/
    ├── index.html (此文件)
    └── tinymce/
        ├── js/
        │   └── tinymce/
        │       ├── tinymce.min.js
        │       └── plugins/
        │           └── emoticons/
        │               └── plugin.min.js
        └── skins/
            └── ui/
                └── oxide/
                    └── skin.min.css
                            

功能说明 固定圆点颜色

  • 固定圆点颜色 - 无序列表的圆点颜色固定为#2563eb
  • 无下划线链接 - 编辑器中的链接不会显示下划线
  • 内容保存 - 手动保存内容到本地存储
  • 内容清除 - 清除已保存的内容
  • 一键复制 - 可以复制带样式的HTML代码
  • 内容下载 - 将内容下载为HTML文件
  • 字体选择:可以从多种字体中选择
  • 文字颜色:可以设置文字的前景颜色
  • 背景颜色:可以设置文字的背景高亮颜色
  • 表情符号:可以插入丰富的表情符号
  • 完全离线:所有资源本地化,无需网络连接