tinymce 开启骨架屏（skeletonScreen） 优化加载体验

fivecc
446 阅读1分钟

开启骨架屏（skeletonScreen）

通过配置参数 skeletonScreen 来开启 tinymce 富文本框编辑器的骨架屏功能 ，改善 tinymce 富文本编辑器加载过长用户体验不佳

要使用 skeletonScreen 必须 引入 tinymce-plugin 或 @npkg/tinymce-plugin

import "tinymce-plugin"; 
tinymce.init({
  ...
  skeletonScreen: true,
  ...
})

使用效果

在这里插入图片描述

点击查看更多

👋 Welcome !

欢迎来到 Tinymce-plugin

这是一个专注 提供 强大、好用、丰富 的 tinymce 富文本编辑器 插件、扩展 和 技术 的技术社区，方便 交流讨论，分享经验 。

本社区有多个不错的插件或者项目，欢迎 Star ⭐ 关注~

✨Tinymce-plugin

Tinymce-plugin 社区 所有稳定插件 将收录在 tinymce-plugin 和 @npkg/tinymce-plugin 中。（二者同步）

🙋‍♂️ 加入社区

如果你正在使用tinymce，不妨加入 Tinymce-plugin 组织，和我们一起维护发展，共同成长。可以通过以下两种方式加入：

  • 直接在这个 issue 上评论，告知我们你想加入 tinymce-plugin。
  • 发送邮件到 fivecc@qq.com，写明你的 GitHub ID，如 five-great。 默认情况下，在你加入我们之后，你作为 GitHub tinymce-plugin 组织成员的信息是处于隐藏状态的。如果你希望在你的个人 GitHub 资料页上展示 tinymce-plugin 组织，你可以在 Tinymce-plugin People 处将你的信息从 private “私有”改为 public “公开”。当然，我们推荐设置为公开。

💬 交流讨论

avatar
文章
阅读
粉丝