/EditorDiy

富文本编辑器diy

Primary LanguageJavaScript

EditorDiy

富文本编辑器diy,帮女盆友@jiajiakitten diy一个编辑器~

简介

基于Kindeditor 精简和优化。

需要功能

  • 加粗
  • 斜体
  • 字体颜色
  • 字号(正文,比正文大3号字体)
  • 清除格式
  • 插入图片
  • 插入视频
  • 插入表格
  • 撤销
  • 重做
  • 四种对齐方式
  • 一键美化
  • 全屏

默认选项

  1. 默认字体:微软雅黑、五号字、淡色35%(#595959);
  2. 粘贴进来的文本清除所有超链接并清除链接文字效果为默认字体;
  3. 粘贴进来所有带有格式的文字图片,自动格式化:默认字体、图片居中,保留原文字缩进、粗体、斜体、对齐方式。
  4. 粘贴进来清除有序列表和无序列表,(li替换成p标签)

插入图片

  1. 图片粘贴自动进入图床进行本地保存,并在富文本编辑器中显示效果,且去除超链接;
  2. 插入图片如果超过编辑器宽度(600px),自动进行宽度适应缩放;
  3. 图片支持手动调整缩放;
  4. 单图片最大不能超过4MB,当上传或粘贴图片超过1MB,显示当前图片占位,并展示进度条,且不影响其他内容编辑;
  5. 图片内容可以在编辑器中拖动到任意位置;

一键美化

  1. 格式化所有字体为默认字体;
  2. 图片和视频自动居中显示;
  3. 清除所有超链接和其效果;
  4. 段落首行自动缩进;

其他

  1. 富文本编辑框自动扩展到文章长度;
  2. 编辑器内容支持常用文本编辑快捷键;